单组件性能优化

来源：13-2 定制shouldComponentUpdae

zbmatsu

2017-11-24

class App extends Component{

       handleClick =()=>{
            console.log('xx')
       }

       render(){
             return (
                   <div>
                         <button onClick={this.handleClick}>btn</button>
                   </div>
             )
       }
}

这种箭头函数是在上面bind的，在性能上是不是和在构造器中bind差不多？

写回答

1回答

慕瓜8449030

2017-11-25

你好这样写也是没问题的，箭头函数的本质，就是在外层缓存 this，只要不在 render 里面 bind 即可

Redux+React Router+Node.js全栈开发

全网唯一的React 16+Redux+React Router4实战课程，学到手是你的真本领！

1822 学习 · 750 问题

查看课程

相似问题

老师有什么性能优化深入点的文章或者资料吗？

回答 1

@connect与@withRouter 顺序和箭头函数与构造器bind函数的性能问题

回答 1

为什么全取msg然后做filter，而不是单一的读取msg？

回答 1

@connect与@withRouter 顺序和箭头函数与构造器bind函数的性能问题

回答 1

什么是路由组件

回答 1

打开慕课网App查看更多内容