Fragments(精读React官方文档—18)
发布时间
阅读量：
阅读量
Fragments存在的意义是什么？
Fragments的核心目标是应对某一组件内部存在多个元素的情况，同时避免在DOM结构中引入额外的节点。
render() {
return (
<React.Fragment>
<ChildA />
<ChildB />
<ChildC />
</React.Fragment>
);
}
动机
以如下代码为例，若Columns组件需返回多个td元素以达成预期效果，但若在Columns组件中引入了div作为父容器，则会导致td元素无法正常发挥作用。此时，采用Fragment组件能够有效应对这一问题。
class Table extends React.Component {
render() {
return (
<table>
<tr>
<Columns />
</tr>
</table>
);
}
}
全部评论 (0)
还没有任何评论哟~