javascript / beginner
Snippet
Listen-Mapping in React
Um eine Liste von Elementen zu rendern, verwenden wir die JavaScript-Funktion .map(). In React benötigt jedes Listenelement eine eindeutige 'key'-Prop, um zu identifizieren, welche Elemente sich geändert haben.
snippet.js
1
2
const items = ['Apple', 'Banana', 'Cherry'];const listItems = items.map((item) => <li key={item}>{item}</li>);
react
Erklärung
1
items.map((item) => ...)
Iteriert durch das 'items'-Array und gibt ein neues Array von JSX-Elementen zurück.
2
key={item}
Ein spezielles Attribut, das React benötigt, um Listenelemente effizient zu verfolgen.