Listas e keys

Para listas, use .map() e uma key estável (id). Keys ajudam o React a reconciliar itens.

const items = [{ id: 'a', label: 'Alpha' }, { id: 'b', label: 'Beta' }];

function App() {
  return (
    <ul>
      {items.map((item) => (
        <li key={item.id}>{item.label}</li>
      ))}
    </ul>
  );
}