From the course: Building Modern Projects with React

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Creating the todoListItem component

Creating the todoListItem component

From the course: Building Modern Projects with React

Start my 1-month free trial

Creating the todoListItem component

- [Instructor] So now that we've implemented our TodoList component, the next thing we're going to do is implement this TodoListItem component to display the individual todos. And in order to do that, we're going to go through pretty much the same flow that we followed to create our TodoList. We're going to create a new file inside this todos directory that we created. We'll call it TodoListItem.js. And we'll create TodoListItem.css as well. Although we're not going to do the actual styling in this video, you can look at the exercise files if you want to take the styling out of there. And for this component, we're going to say import React from react, just like we do with all our React components. And we're going to define our actual TodoListItem component. We'll say const TodoListItem equals and then its only prop for now is going to be a single todo that it displays. And then for the JSX for this component we're going to…

Contents