Olá a todos! Acabei de começar a estudar React e me deparei com um problema: preciso exibir uma lista de itens na página usando JSX. Tenho um array de dados, por exemplo, uma lista de tarefas: ```javascript const tasks = ['Comprar leite', 'Fazer exercícios', 'Escrever código']; ``` Quero exibir cada tarefa como um `` separado dentro de ``. Tentei escrever assim: ```javascript function TaskList() { return ( {for (let i = 0; i < tasks.length; i++) { {tasks[i]} }} ); } ``` Mas o React exibe um erro: "SyntaxError: Unexpected token". Li que JSX é apenas açúcar sintático para `React.createElement`, mas não entendo por que o loop não funciona. Em JavaScript comum, eu escreveria um loop e dentro dele criaria os elementos,

python_newbie39 · 09.05.2026

Como usar corretamente um loop dentro de JSX no React?

Olá a todos! Acabei de começar a estudar React e me deparei com um problema: preciso exibir uma lista de itens na página usando JSX. Tenho um array de dados, por exemplo, uma lista de tarefas: ```javascript const tasks = ['Comprar leite', 'Fazer exercícios', 'Escrever código']; ``` Quero exibir cada tarefa como um `

` separado dentro de `