React.Fragment 包裹標簽

在 vue 里，我們會用 <template></template> 標簽來包裹一些不能有父容器的復數同級標簽。

例如在 <tbody></tbody> 標簽中，我們只能放置 <tr></tr>標簽，假如我們同時有多個 <tr> 標簽被賦值給一個 JSX 變量，那么在 React 里也有類似的功能：<React.Fragment> 標簽。

示例：

let DOM = (<React.Fragment>
  <tr>
    <td>1</td>
  </tr>
  <tr>
    <td>2</td>
  </tr>
</React.Fragment>)

let Component = <table>
  <tbody>
    {DOM}
  </tbody>
</table>

.