我试图在React JSX（其中ObjectRow是一个单独的组件）中执行以下操作：
<tbody>
for (var i=0; i < numrows; i++) {
<ObjectRow/>
}
</tbody>
我意识到并理解为什么这不是有效的JSX，因为JSX映射到函数调用。然而，由于来自模板领域，而且是JSX的新手，我不确定如何实现上述目标（多次添加组件）。
当前回答
好了，给你。
{
[1, 2, 3, 4, 5, 6].map((value, index) => {
return <div key={index}>{value}</div>
})
}
您所要做的只是映射数组并返回任何要渲染的内容。请不要忘记在返回的元素中使用key。
其他回答
您可以执行以下操作：
let foo = [1,undefined,3]
{ foo.map(e => !!e ? <Object /> : null )}
如果没有键值par，则使用以下代码打印数组值-
<div>
{my_arr.map(item => <div>{item} </div> )}
</div>
甚至这段代码也能完成同样的工作。
<tbody>
{array.map(i =>
<ObjectRow key={i.id} name={i.name} />
)}
</tbody>
您可以直接在JSX中执行相同的操作，使用map而不是for of循环：
render: function() {
const items = ['one', 'two', 'three'];
return (
<ul>
{items.map((value, index) => {
return <li key={index}>{value}</li>
})}
</ul>
)
}
它循环通过一组数据，为数据集中的每个项目创建一个新的React组件。这可以使用JavaScript的map（）方法实现。
例如，如果您有一个称为“data”的对象数组和一个名为“ObjectRow”的React组件：
const rows = data.map((item, index) => <ObjectRow key={index} {...item} />);
然后，可以像这样渲染tbody标记中的行：
<tbody>{rows}</tbody>
