前言 先说说 shouldComponentUpdate 提起React.PureComponent，我们还要从一个生命周期函数 shouldComponentUpdate 说起，从函数名字我们就能看出来，这个函数是用来控制组件是否应该被更新的。 简单来说，这个生命周期函数返回一个布尔值，如果返回true，那么当props或state改变的时候进行更新 如果返回false，当props或state ...
2018-07-31 10:32 1 10246 推荐指数：
一 结论 React.Component 是没有做任何渲染优化的，但凡调用this.setState 就会执行render的刷新操作。 React.PureComponent 是继承自Component，并且对重写了shouldComponentUpdate周期函数，对 state ...
前言 关于react性能优化，在react 16这个版本，官方推出fiber，在框架层面优化了react性能上面的问题。由于这个太过于庞大，我们今天围绕子自组件更新策略，从两个及其微小的方面来谈react性能优化。 其主要目的就是防止不必要的子组件渲染更新。 子组件何时更新？ 首先我们看个例 ...
当使用component时，父组件的state或prop更新时，无论子组件的state、prop是否更新，都会触发子组件的更新，这会形成很多没必要的render，浪费很多性能；pureComponent的优点在于：pureComponent在shouldComponentUpdate只进行浅层 ...
先看两段代码： PureComponent VS Component Stateless components may also be referred to as Pure Components, or even Dumb Components ...
Virtual DOM , 通过高效的Diff算法对变化的部分首尾两端做批量更新，所有的比较都是浅比较shallowEqual。谁都玩不起深比较，facebook自己都做不到~ Component ：一定要配套使用shouldComponentUpdate , 否则不管props ...
当组件更新时，如果组件的props和state都没发生改变，render方法就不会触发，用 PureComponent 省去 Virtual DOM 的生成和比对过程，达到提升性能的目的。 反之如果组件的props和state经常发生改变则用Component ...
结论：需要根据state进行渲染时，使用React.Component；用不到state时，可以直接写函数组件。 Function 函数组件：可以接收入参（props），通过return返回dom结构。 React.Component 是一个class（类 ...
1). Component存在的问题? a. 父组件重新render(), 当前组件也会重新执行render(), 即使没有任何变化 b. 当前组件setState(), 重新执行render(), 即使state没有任何变化 ...
