Listen

In React können wir mit der .map()-Methode Listen bzw. Arrays anzeigen lassen. So können wir z.B. für jedes Objekt in einem Array eine Komponente anzeigen lassen.

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;

React muss von jedem Element in der map()-Methode das key-Property erhalten. Dieses muss eindeutig sein.

HTML

CSS

JavaScript

TypeScript

React

Angular