How do you render lists in React?

Lists are rendered using the map() method to iterate over arrays and return JSX elements. Each list item should have a unique "key" prop.

function TodoList({ todos }) {
  return (
    <ul>
      {todos.map(todo => (
        <li key={todo.id}>{todo.text}</li>
      ))}
    </ul>
  );
}