react的Fragment属性

import React from ‘react’

export default class Demo extends Component {
render() {
return (




)
}
}
这里创建Fragment 的写法是新写法
1:这是干什么的？
是react用来解决在创建dom时防止添加没必要的dom元素的

2:解决了什么问题？这样写的好处是是什么？
解决了在react添加dom时额外添加节点，入下代码
正常的表结构可能是 返回这种 return (

);
那有时候我们添加一个组件在中间，组件之一一个根节点，那么就必定会出现以下情况
class Columns extends React.Component {
render() {
return (

Hello
World

);
}
}
这个数据的根节点是div里面包含了td元素，我们将组件Columns 添加到表格如下
class Table extends React.Component {
render() {
return (





);
}
}
那么 返回的是

Hello World

我们利用React.Fragmen解决问题 class Columns extends React.Component { render() { return (