javascript / beginner
Snippet
Daten vor dem Rendern filtern
Die .filter()-Methode erstellt ein neues Array mit allen Elementen, die einen Test bestehen. In React kannst du sie verwenden, um dem Benutzer nur bestimmte Daten anzuzeigen.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
function FruitList() {const fruits = ['Apple', 'Banana', 'Avocado', 'Berry'];const filteredFruits = fruits.filter(fruit => fruit.startsWith('A'));return (<ul>{filteredFruits.map(fruit => (<li key={fruit}>{fruit}</li>))}</ul>);}
react
Erklärung
1
fruits.filter(fruit => fruit.startsWith('A'))
Erstellt ein neues Array, das nur die Früchte enthält, die mit dem Buchstaben 'A' beginnen.