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 (