- Replace
<your_account>
with your Github username in the DEMO LINK - Follow the React task guideline
- Render a header (
h1
) initially sayingSelected good: -
- Render a list of goods.
- Add a
Select
button next to each good in the list. - Add a special class to the selected good in the list (e.g. highlight it with a yellow color).
- The header should show the name of the selected good.
- Add clear button (
X
) next to the header to clear the selection
Watch this video to update the state correctly.
- Implement the ability to select multiple goods (use selectedGoods Array
- Replace
Select
buttons withAdd/Remove
- All the selected goods should be listed in the header separated with commas.