Adding Functionality

Adding a delete button

Currently, we can add items to the list, but what if we want to delete an item? Let’s add that functionality now.

Handling delete

To delete an item from the list, we create the handleDelete() function in line 18, which takes the item’s name to delete as a passed-in parameter. We then follow the pattern we used when we added the item, starting off by making a copy of our listItems state variable.

Note: We want to treat our state variables as immutable, and we should never modify them directly.

Next, in line 20 we ...