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 remove the item of interest from the local copy of the Python list based on the name that was passed in. Then we call the setListItems() update ...