您现在的位置:首页 >> 前端 >> 内容

Vue中包裹标签React.Fragment使用讲解

时间:2018/2/13 15:00:46 点击:

  核心提示:24、包裹标签 React.Fragment在 Vue 里,我们会用 template/template 标签来包裹一些不能有父容器的复数同级标签。例如在 tbody/tbody 标签中,我们只能放置...

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>

Tags:VU UE E中 中包 
作者:网络 来源:qq20004604