返回介绍

在 JSX 中如何进行循环?

发布于 2024-08-09 20:39:58 字数 574 浏览 0 评论 0 收藏 0

你只需使用带有 ES6 箭头函数语法的 Array.prototype.map 即可。例如, items 对象数组将会被映射成一个组件数组:

<tbody>
{items.map(item => <SomeComponent key={item.id} name={item.name} />)}
</tbody>

你不能使用 for 循环进行迭代:

<tbody>
for (let i = 0; i < items.length; i++) {
  <SomeComponent key={items[i].id} name={items[i].name} />
}
</tbody>

这是因为 JSX 标签会被转换成函数调用,并且你不能在表达式中使用语句。但这可能会由于 do 表达式而改变,它们是第一阶段提案。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文