触发时机
当props或state发生变化时,shouldComponentUpdate() 会在渲染执行之前被调用。
作用
根据shouldComponentUpdate()的返回值,判断react组件的输出是否受当前state或props更改影响。默认行为是state每次发生变化组件都会重新渲染。
shouldComponentUpdate()接收两个参数:一个是nextProps,第二个是nextState,一个跟新props,另一个更新state,当props或state发生变化时**shouldComponentUpdate()**会在渲染执行之前被调用。如果返回的是true就重新渲染,返回false就不做任何操作,使性能得到优化。
使用shouldComponentUpdate性能优化
React中props,state值的变化,会导致组件重新渲染。使用shouldComponentUpdate就是为了减少render不必要的渲染。
当将旧的state的值原封不动赋值给新的state(即不改变state的值,但是调用了setState)和 无数据交换的父组件的重新渲染都会导致组件重新渲染,这时候都可以通过shouldComponentUpdate来优化。
React提供了生命周期函数shouldComponentUpdate(),根据它的返回值(true | false),判断 React 组件的输出是否受当前 state 或 props 更改的影响。默认行为是 state 每次发生变化组件都会重新渲染 。