Array.from是最好的方法。如果您想创建一个具有一定长度的JSX数组。

function App() {
  return (
    <tbody>
      {Array.from({ length: 10 }, (_, key) => (
        <ObjectRow {...{ key }} />
      ))}
    </tbody>
  );
}

上面的示例适用于没有数组的情况，因此，如果您有数组，则应在JSX中将其映射为：

function App() {
  return (
    <tbody>
      {list.map((item, key) => (
        <ObjectRow {...{ key }} />
      ))}
    </tbody>
  );
}

JSX内部有多种循环方式

使用for循环函数TableBodyForLoop（props）{常量行=[]；//创建数组以存储tr列表for（设i=0；i<props.people.length；i++）{const person=道具.人物[i]；//将tr推到数组，关键是行.推(<tr key={person.id}><td>｛person.id｝</td><td>｛人名｝</td></tr>);}//返回tbody内的行return<tbody>｛rows｝</tbody>；}使用ES6阵列映射方法函数TableBody（props）{返回(<tbody>{props.people.map（person=>(<tr key={person.id}><td>｛person.id｝</td><td>｛人名｝</td></tr>))}</tbody>);}

完整示例：https://codesandbox.io/s/cocky-meitner-yztif

以下React文档将有所帮助

列表和键条件渲染

只需使用带有ES6语法的map Array方法：

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

不要忘记密钥属性。

在渲染或任何函数中，在返回之前，可以使用变量来存储JSX元素。就像这样-

const tbodyContent = [];
for (let i=0; i < numrows; i++) {
    tbodyContent.push(<ObjectRow/>);
}

在身体内部使用它，如下所示：

<tbody>
    {
        tbodyContent
    }
</tbody>

但我更喜欢map（）而不是这个。

您可以直接在JSX中执行相同的操作，使用map而不是for of循环：

render: function() {
const items = ['one', 'two', 'three'];
 return (
  <ul>
     {items.map((value, index) => {
     return <li key={index}>{value}</li>
     })}
 </ul>
 )
}

您可以从numRows创建数组并映射它

像这样的东西：

        <tbody>
           {Array.from({ length: numrows }).map((_,i)=><ObjectRow key={i}/>)
        </tbody>