21 Fragment和短语法应用

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>
            <