Write logic to remove an item from the list

djbowen95 / Hit-the-Bucket

Front-end BUCKET LIST application built with REACT. Users can add, update or delete items from a bucket list - which persists when they refresh or revisit the page. Uses STATE, HOOKS, COMPONENTS, PROPS, conditional rendering, forms and event handling. Built from starter code.

https://djbowen95.github.io/Hit-the-Bucket/

MIT License

0 stars 0 forks source link

Write logic to remove an item from the list #3

Closed djbowen95 closed 1 year ago

djbowen95 commented 1 year ago

Third step from the brief, probably the fourth task I will attempt though.

It's done when I write logic to mark a bucket-list item as complete or incomplete.

Space for logic in the BucketList.js file.

I need to:

[ ] Write logic that returns an array of all items that don't have a given id from state
[ ] Store this array (without the item with the given id) in state

djbowen95 commented 1 year ago

Done in a single commit, most of the same steps as #2:

Passed the function through state
Used .filter rather than .map, to remove the item with the matching array
Updated the bucket using the setBucket function (which was now already imported)