Shopping List

📂 Naam project: lab-state-shopping-list
🔗 Basis project: n/a

Maak een nieuwe React applicatie aan en noem deze lab-state-shopping-list.

Maak een component ShoppingList aan met de volgende functionaliteit:

Het component heeft een state property shoppingList die een array bevat. Deze begint bij een lege array.
Zorg ervoor dat je een lijst van items kan toevoegen aan de shopping list.
Als een element toegevoeg wordt, moet de gebruiker een bevestiging zien dat het item toegevoegd is. Als de gebruiker foutieve hoeveelheid of geen naam ingeeft, moet er een foutmelding getoond worden.
Zorg ervoor dat je een lijst van items kan verwijderen van de shopping list.
Als een item verwijderd wordt, moet de gebruiker een bevestiging krijgen dat het item verwijderd wordt.

Gebruik dit component in de App component om de volgende pagina te maken:

Live voorbeeld

Voorbeeld laden…