在React JSX内部循环

依然范特西╮ 提交于 2020-08-16 22:33:11

问题:

I'm trying to do something like the following in React JSX (where ObjectRow is a separate component): 我正在React JSX尝试执行以下操作(其中ObjectRow是一个单独的组件):

<tbody>
    for (var i=0; i < numrows; i++) {
        <ObjectRow/>
    } 
</tbody>

I realize and understand why this isn't valid JSX , since JSX maps to function calls. 我意识到并理解为什么这不是有效的JSX ,因为JSX映射到函数调用。 However, coming from template land and being new to JSX , I am unsure how I would achieve the above (adding a component multiple times). 但是,由于来自模板领域并且是JSX新手,所以我不确定如何实现上述目标(多次添加组件)。


解决方案:

参考一: https://stackoom.com/question/1XzLW/在React-JSX内部循环
参考二: https://oldbug.net/q/1XzLW/Loop-inside-React-JSX
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!