> ## Documentation Index
> Fetch the complete documentation index at: https://docs.baenninger.me/llms.txt
> Use this file to discover all available pages before exploring further.

# Listen

In React können wir mit der [`.map()`-Methode](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map) Listen bzw. Arrays anzeigen lassen. So können wir z.B. für jedes Objekt in einem Array eine Komponente anzeigen lassen.

```tsx theme={null}
const Menu = () => {
  return (
    <main className="menu">
      <h2>Our Menu</h2>
      <div className="pizzas">
        {pizzas.map((pizza) => (
          <Pizza key={pizza.name} pizza={pizza} />
        ))}
      </div>
    </main>
  );
}

export default Menu;
```

<Warning>
  React muss von jedem Element in der `map()`-Methode das **`key`-Property** erhalten. Dieses muss **eindeutig** sein.
</Warning>