这是目前的一个限制，但可能会在未来的某个时候得到修复（github repo 上有一些未解决的问题）。

现在，您可以使用一个返回数组的函数（这基本上是一个无状态组件）：

function things(arg, onWhatever){
    return [
        <tr><td>Item 1</td></tr>,
        <tr><td>Item 2</td></tr>
    ];
}

并在您的组件中使用它。

return (
    <table><tbody>
      {things(arg1, this.handleWhatever)}
      {things(arg2, this.handleWhatever)}
    </tbody></table>
);

更新

在 React 16 中，您将能够从渲染返回一个数组。

另一个更新

您现在可以返回顶级数组，或使用<React.Fragment>.

对于数组，我们需要在每个项目上放置一个键，因为 React 不知道这两个元素是常量，而不是动态创建的列表：

function RowPair() {
  return [
    <tr key="first"><td>First</td></tr>,
    <tr key="second"><td>Second</td></tr>,
  ]
}

使用React.Fragment，它的行为更像是将其包装在 a<div>或类似物中，key如果我们不动态构建子代，则不需要 a 。首先，我们可以将数组包装在一个 Fragment 中：

function RowPair() {
  return <React.Fragment>{[
    <tr key="first"><td>First</td></tr>,
    <tr key="second"><td>Second</td></tr>,
  ]}</React.Fragment>
}

然后我们可以key完全消除数组和s：

function RowPair() {
  return <React.Fragment>
    <tr><td>First</td></tr>
    <tr><td>Second</td></tr>
  </React.Fragment>
}

我知道这是一个旧帖子，但也许我的回答可能对像我这样的新手有所帮助。

在 React 16.2 中，添加了对Fragment 的改进支持。

您现在可以像这样返回它：

return (
  <>
    <tr><td>Item 1</td></tr>
    <tr><td>Item 2</td></tr>
  </>
);

你可以用<></>或包裹它<Fragment></Fragment>。

如果您想传递一些属性，在撰写本文时仅支持键，并且您必须使用，<Fragment />因为短语法<></>不接受属性。

注意：如果您打算使用简短的语法，请确保您使用的是Babel 7。

来源参考

呜呼！React 团队最终添加了这个功能。从 React v16.0 开始，您可以执行以下操作：

render() {
  // No need to wrap list items in an extra element!
  return [
    // Don't forget the keys :)
      <tr key="a"><td>Item 1</td></tr>,
      <tr key="b"><td>Item 2</td></tr>
  ];
}

请在此处查看解释“新渲染返回类型：片段和字符串”的完整博客文章。

在大多数情况下，拥有一个父元素是有帮助的，例如，你可以拥有一个父className，它可以针对子元素样式和其他一些场景......

但是，如果你真的不想这样做，你可以使用 React.Fragment

所以简单地做这样的事情：

<React.Fragment>
  <First />
  <Second />
  <Third />
</React.Fragment>

从版本 16.2 开始，还有一个缩短版本也使用<>，它在渲染函数中看起来像这样：

render() {
  return (
    <>
      <First />
      <Second />
      <Third />
    </>
  );
}

此外，如果使用16.0及更高版本，您可以返回不需要父包装器的元素数组，如下所示：

render() {
 return [
  <h1 key="heading">Hello from Alireza!</h1>,
  <p key="first">Here where I'm!</p>,
  <p key="second">And again here :)</p>
 ];
}

我们可以通过将它们包裹在React.Fragment. 例如

ReactDOM.render(
  <React.Fragment>
     <Item1/>
     <Item2/>
  </React.Fragment>,document.getElementById('root')
);

尽管如此，还有一个更短的手。

ReactDOM.render(
  <>
     <Item1/>
     <Item2/>
  </>,document.getElementById('root')
);

将组件包裹在React.FragmentDOM 中不会向 DOM 添加额外的节点。