How do I handle lists in React?

How do I handle lists in React?

In React, you can handle lists using the map() function to render each item. Do you have a specific example in mind?

Yes, I want to display a list of tasks.

You can create an array of tasks and use map() to iterate over it. Here's a simple example:

const tasks = ['Task 1', 'Task 2', 'Task 3'];

function TaskList() {
  return (
    <ul>
      {tasks.map((task, index) => (
        <li key={index}>{task}</li>
      ))}
    </ul>
  );
}

This will render each task in an unordered list.

What about adding a unique key for each item?

Great question! It's important to use a unique key for each item to help React identify which items have changed. If your tasks have unique IDs, use those as keys instead of the index.