是否优先考虑将函数放在react组件中的位置.我仍在学习反应,所以只是想弄清楚最佳实践.
class Content extends React.Component {
/// Whats the difference between putting functions here such as
Hello(){
}
render(){
/// or here
Hello(){
}
return()(
<div>blah blah </div>
)
}
}
每次渲染都会创建一个render方法中的函数,这是一个轻微的性能影响.如果你把它们放在渲染中也很麻烦,这是一个更大的原因,你不必在渲染中滚动代码来查看html输出.总是把它们放在课堂上.
对于无状态组件,最好将函数保留在main函数之外,而不是传入props,否则每次渲染都会创建函数.我没有测试性能,所以我不知道这是否是微优化,但值得注意.
例：
const MyStatelessComponent = ({randomProp}) => (
render() {
doSomething(randomProp);
return <div />
}
);
doSomething = (randomProp) => {
//Do something here
}
