javascript / beginner
Snippet
Daten transformieren mit Array.map()
Die Methode .map() erstellt ein neues Array, indem für jedes Element im ursprünglichen Array eine Funktion aufgerufen wird. In Next.js ist dies der Standardweg, um Listen von Elementen darzustellen.
snippet.js
1
2
const frameworkList = ['Next.js', 'React', 'TypeScript'];const items = frameworkList.map((item) => <li key={item}>{item}</li>);
nextjs
Erklärung
1
frameworkList.map((item) => ...)
Iteriert durch jeden Framework-String, um ein neues JSX-Element zu erstellen.
2
key={item}
Eine eindeutige Kennung, die React benötigt, um Listen effizient zu aktualisieren.