开发者社区> 问答> 正文

#React 如何在JSX内部循环?

#React 如何在JSX内部循环?

展开
收起
因为相信,所以看见。 2020-05-07 19:01:16 981 0
1 条回答
写回答
取消 提交回答
  • 阿里,我所有的向往

    您可以简单地使用Array.prototype.mapES6 箭头函数语法。例如,items对象数组映射到组件数组:

    You can simply use Array.prototype.map with ES6 arrow function syntax. For example, the items array of objects is mapped into an array of components:
    

    您不能使用for循环来迭代:

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

    这是因为JSX标记被转换为函数调用,并且您不能在表达式内使用语句。由于第一阶段的提议中的do表述,这种情况可能会改变。

    2020-05-07 19:02:34
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载