React(16)包裹标签 React.Fragment

x33g5p2x  于2022-03-06 转载在 其他  
字(0.4k)|赞(0)|评价(0)|浏览(406)

24、包裹标签 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>

相关文章