所以我试图通过将各种组件转换为无状态功能组件来优化我的应用程序,并且我遇到了在需要呈现props.children
时应该做什么的难题。我的理解是你需要使用函数调用而不是元素语法才能看到任何性能提升。我只是想知道下面的方法2是否是正确的方法,或者它可能有任何意想不到的副作用。任何帮助将不胜感激!
const APP = (props) => {
return <b>{props.children}</b>
};
const child1 = <p>Hello</p>;
const child2 = <p>world</p>;
// method 1 (usual jsx element syntax)
ReactDOM.render(
<APP>{child1}{child2}</APP>,
document.getElementById('container')
);
// method 2
ReactDOM.render(
APP({children: [child1, child2]}),
document.getElementById('container')
);