Lab 7A

Static React App

Component Hierarchy Sketch:

JS files:

• App
  • DynamicTodoList
    • ItemInput
    • TodoList
      • TodoItem

State:

A list of to-do items will be stored in the DynamicTodoList component. The ItemInput component will call a DynamicTodoList function to add items to the list when its form is submitted, and the TodoItem component will call a different DynamicTodoList function to remove items from the list when it is clicked.