大家好！我刚开始学习React，遇到了一个问题：我需要使用JSX在页面上显示一个列表。我有一个数据数组，例如任务列表： ```javascript const tasks = ['买牛奶', '做早操', '写代码']; ``` 我想把每个任务作为单独的``放在``中输出。我尝试这样写： ```javascript function TaskList() { return ( {for (let i = 0; i < tasks.length; i++) { {tasks[i]} }} ); } ``` 但React报错："SyntaxError: Unexpected token"。我读到JSX只是`React.createElement`的语法糖，但我不明白为什么循环不起作用。在普通JavaScript中，我会写一个循环并在其中创建元素，但这里却不行。请告诉我如何在JSX中正确组织循环？是否需要使用一些特殊方法？以及为什么我的代码不工作？提前感谢帮助。

python_newbie39 · 09.05.2026

如何在React的JSX中正确使用循环？

大家好！我刚开始学习React，遇到了一个问题：我需要使用JSX在页面上显示一个列表。我有一个数据数组，例如任务列表： ```javascript const tasks = ['买牛奶', '做早操', '写代码']; ``` 我想把每个任务作为单独的`

`放在`

0 回复

暂无回答。

登录以留下回答