The Todo Component

We’ll go through each component of the to-do list application one by one. The first component is the Todo component.

Note: Once the server starts, click the URL next to “Your app can be found at:” to view the output.

Props

Each Todo component is an individual task. The parent component for the Todo must contain a for loop, or it will map over the different task items and render a Todo component in each iteration.

for(some condition){
   <Todo/>
}
//

...