Comment utiliser correctement une boucle dans JSX en React ?

Bonjour à tous ! Je viens de commencer à apprendre React et j'ai rencontré un problème : je dois afficher une liste d'éléments sur la page en utilisant JSX. J'ai un tableau de données, par exemple une liste de tâches : ```javascript const tasks = ['Acheter du lait', 'Faire des exercices', 'Écrire du code']; ``` Je veux afficher chaque tâche sous forme d'un `

` distinct à l'intérieur d'un `

`. J'ai essayé d'écrire ceci : ```javascript function TaskList() { return (
{for (let i = 0; i < tasks.length; i++) {
• {tasks[i]}
}}
); } ``` Mais React génère une erreur : "SyntaxError: Unexpected token". J'ai lu que JSX n'est que du sucre syntaxique pour `React.createElement`, mais je ne comprends pas pourquoi la boucle ne fonctionne pas. En JavaScript normal, j'écrirais une boucle et à l'intérieur je créerais des éléments,