React.Fragment 包裹标签

在 vue 里，我们会用 <template></template> 标签来包裹一些不能有父容器的复数同级标签。

例如在 <tbody></tbody> 标签中，我们只能放置 <tr></tr>标签，假如我们同时有多个 <tr> 标签被赋值给一个 JSX 变量，那么在 React 里也有类似的功能：<React.Fragment> 标签。

示例：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

let DOM = (<React.Fragment>   <tr>     <td>1</td>   </tr>   <tr>     <td>2</td>   </tr> </React.Fragment>)   let Component = <table>   <tbody>     {DOM}   </tbody> </table>

.