- continue working from lab 28
- open a new branch and create new pull request and submit a link on canvas
- Students will learn to about composition
- Students will learn to compose react components using props
Refactor and add the following components.
Create a NoteUpdateForm component that receives a note through props and on submit is able to update the App's state with an updated note.
If the user double clicks on the notes content it should switch to the Edit View
- Default view
- Display the notes content and a delete button
- Display a delete button that will remove the Note from the application's state
- Edit View
- Show the NoteUpdateForm and a Cancel Button
- onNoteUpdateForm Submit or click of the cancel button it should switch back to the default view
Your components should be nested in the following layout
App
NoteCreateForm
NoteList
NoteItem
NoteUpdateForm
- Test NoteCreateForm
- Test your onChange handler
- Test your onSubmit handler
- Test NoteItem
- Test the NoteItem's ability defined to remove a note from the App's state
- Test NoteUpdateForm
- Test the NoteUpdatesForm's ability to update a note in the App's state
Write a description of the project in your README.md