21 Fragment和短语法应用

最新推荐文章于 2024-11-07 00:00:00 发布

Stephy_Yy

最新推荐文章于 2024-11-07 00:00:00 发布

阅读量145

点赞数

分类专栏：系统学习 # react 文章标签： react.js

本文链接：https://blog.csdn.net/weixin_43503511/article/details/120689755

版权

React.Fragment

jsx语法，相当于document.createDocumentFragment()
创建文档碎片容器，优化渲染
解决了没有根节点的问题
<></>这种短语法也会声明React.Fragment
但短语法不支持key
React.Fragment只支持key属性，其余属性如事件等不支持

export default class Table extends React.Component {
   
    render() {
   
        return (
            <table border="1">
                <caption>
                    Private Information
                </caption>
                <thead>
                    <tr>
                        <TableHeaders />
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <TableCells />
                    </tr>
                </tbody>
            <