reactjs – render()中的React函数

发布时间：2020-12-15 20:48:23 所属栏目：百科来源：网络整理

导读：是否优先考虑将函数放在react组件中的位置.我仍在学习反应,所以只是想弄清楚最佳实践. class Content extends React.Component { /// Whats the difference between putting functions here such as Hello(){ } render(){ /// or here Hello(){ } return()(

是否优先考虑将函数放在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
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!