代码改变世界

React setState优化

2018-05-22 15:46  Purplez  阅读(761)  评论(0编辑  收藏  举报

学习笔记:

1. React 里面的 setState不会自动差量化处理,只要调一次 setState, 必定会重新渲染一次 UI。
因此 需要尽量减少调用 setState 的次数,比方能同时 set 两个值的话,就调用一次 set 两个值,不要调用两次 set.
必要情况下,可以重写 shouldComponentUpdate 方法,通过判断 props 和 state的值自行判断是否需要重新渲染 UI

 

2. const 类型的数组是可以往里 Push 新值的,所以数组尽量声明成 const 的类型, 声明变量时,能用 const 就不要用 let