Write logic to update a bucket list item - Githubissues

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 update a bucket list item #4

Closed djbowen95 closed 1 year ago

djbowen95 commented 1 year ago

The fourth task in the brief.

It's done when I write logic to update a bucket-list item in components/Bucket.js.

I think this one might be the longest of the first group of tasks?

djbowen95 commented 1 year ago

Edit bucket item passed through props
On click event for edit button that sets the edit state to the values of the current bucket item

djbowen95 commented 1 year ago

Submit Update function
Iterates through with .map, finds the item and replaces its text value with something new
returns value
updates state
Also updates eagerness if required to (following commit)

djbowen95 commented 1 year ago

Sets edit key value pairs to empty strings / null, resets

djbowen95 commented 1 year ago

Change to the bucket form itself

djbowen95 commented 1 year ago

I'm not sure if I need to look this over / was this something I should have used a useEffect hook for?