2019-03-12
回答
Fragments 允许 React 组件在没有外层包裹的情况下返回多个元素,通过对子项进行分组而不是向 DOM 添加额外的元素。 Fragments 提供了更好的性能,更低的内存使用率,更清晰的 DOM 结构,并且可以帮助处理某些 CSS 机制(如:table,Flexbox 和 Grid)。
render() {
return (
<React.Fragment>
<ChildA />
<ChildB />
<ChildC />
</React.Fragment>
);
}
加分回答
- 可以使用
<></>
代替<React.Fragment/>
。<></>
只是一个语法糖。 <></>
语法不能接受键值或属性,以下情况只能使用<React.Fragment/>
。
返回总目录
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于