我正在尝试在 React JSX 中执行以下操作(其中 ObjectRow 是一个单独的组件):
<tbody>
for (var i=0; i < numrows; i++) {
<ObjectRow/>
}
</tbody>
我意识到并理解为什么这不是有效的 JSX,因为 JSX 映射到函数调用。但是,来自模板领域并且是 JSX 的新手,我不确定如何实现上述目标(多次添加组件)。
原文由 B Robster 发布,翻译遵循 CC BY-SA 4.0 许可协议
把它想象成你只是在调用 JavaScript 函数。您不能在函数调用的参数所在的地方使用
for
循环:查看函数
tbody
如何作为参数传递一个for
循环 - 导致语法错误。但是您可以创建一个数组,然后将其作为参数传递:
使用 JSX 时,您基本上可以使用相同的结构:
顺便说一句,我的 JavaScript 示例几乎正是 JSX 示例转换成的内容。使用 Babel REPL 来了解 JSX 的工作原理。