如下:
这是错误的写法
render() {
return (
<ChildA />
<ChildB />
);
}
改进1
render() {
return (
<React.Fragment>
<ChildA />
<ChildB />
</React.Fragment>
);
}
改进2
render() {
return (
<>
<ChildA />
<ChildB />
</>
);
}
本文探讨了在React中正确渲染多个子组件的方法,避免了直接返回多个子元素的错误做法,介绍了使用React.Fragment和短语法<>来包裹多个子组件的技巧。
如下:
这是错误的写法
render() {
return (
<ChildA />
<ChildB />
);
}
改进1
render() {
return (
<React.Fragment>
<ChildA />
<ChildB />
</React.Fragment>
);
}
改进2
render() {
return (
<>
<ChildA />
<ChildB />
</>
);
}
1312

被折叠的 条评论
为什么被折叠?