在调用无状态功能组件时传递子进程

时间:2017-10-06 15:48:39

标签: reactjs

所以我试图通过将各种组件转换为无状态功能组件来优化我的应用程序,并且我遇到了在需要呈现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')
);

0 个答案:

没有答案