Wie man eine Schleife innerhalb von JSX in React richtig verwendet

Hallo zusammen! Ich habe gerade angefangen, React zu lernen, und bin auf ein Problem gestoßen: Ich muss eine Liste von Elementen auf der Seite mit JSX anzeigen. Ich habe ein Array mit Daten, zum Beispiel eine Aufgabenliste: ```javascript const tasks = ['Milch kaufen', 'Sport machen', 'Code schreiben']; ``` Ich möchte jede Aufgabe als separates `

` innerhalb eines `

` ausgeben. Ich habe es so versucht: ```javascript function TaskList() { return (
{for (let i = 0; i < tasks.length; i++) {
• {tasks[i]}
}}
); } ``` Aber React gibt einen Fehler aus: "SyntaxError: Unexpected token". Ich habe gelesen, dass JSX nur syntaktischer Zucker für `React.createElement` ist, aber ich verstehe nicht, warum die Schleife nicht funktioniert. In normalem JavaScript würde ich eine Schleife schreiben und darin Elemente erstellen,