关于react -shouldComponentUpdate钩子函数，避免不必要的渲染引起的页面报错

本文主要是介绍关于react -shouldComponentUpdate钩子函数，避免不必要的渲染引起的页面报错，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

父组件中的写法为

shouldComponentUpdate(nextProps, nextState) {if (nextState.document !== this.state.document) {return true}return false}

参数nextSatate 指的是父组件中所定义的所有state的值，因为我这里传给子组件的值是state中的document，所以这里就用来判断document的值有没有变化 。如果两个值不同，就继续渲染，相同则停止渲染。

 

子组件中写法为
 

shouldComponentUpdate(nextProps, nextState) {console.log(nextState);if (nextProps.fileList !== this.props.document) {return true}return false}

同样的，nextState指的是子组件中定义的所有state，这里我用fileList来接收父组件传过来的document的值，然后进行值的比较，如果值不相同，就继续渲染，相同则不渲染。

这篇关于关于react -shouldComponentUpdate钩子函数，避免不必要的渲染引起的页面报错的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---