React（16）包裹标签 React.Fragment_react 有block或template标签吗

作者：Monodyee | 2024-02-19 16:02:10

踩

react 有block或template标签吗

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>1
2
3
4
5
6
7
8
9
10
11
12
13
14

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/115631