Rendering a List


Now we know how to render a list with React and most importantly understand this weird Javascriptish HTML code šŸ‘.

function TodoList(props) {
    return (
            {, index) => (
                <li key={index}>{item}</li>

function Page() {
    const items = [
        "Learn JavaScript",
        "Learn React",
        "Learn Next.js"

    return (
            <h1>My Todo List</h1>
            <TodoList items={items} />

šŸ™ We need your help

We need your help to keep maintain & add new content to this course. Here's how you can support us: