钩子函数
魂断@蓝桥
这个作者很懒,什么都没留下…
展开
-
React组件性能优化
减轻state申明变量的时候,将不直接用于页面渲染的数据不放在 state 中,state 只用来存储用来渲染页面UI结构的数据,其余数据(定时器ID,或者仅用来做逻辑判断的数据)可以存储到 this 中避免不必要的重新渲染组件的更新机制:父组件更新会引起所有的后代组件发生重新渲染,子组件没有任何变化的额时候也会发生重新渲染,所以我们要避免这种不必要的重现渲染来优化组件性能,方法:使用钩子函数(shouldComponentUpdate(nextProps,nextState)),该钩子函数.原创 2021-01-03 16:24:33 · 65 阅读 · 0 评论 -
react组件卸载阶段钩子函数
react组件的卸载阶段只有一个常用的钩子函数:componentWillUnmount()在逐渐卸载(即从页面中消失)的时候触发,一般用来执行清理工作原创 2020-12-30 11:25:44 · 1161 阅读 · 0 评论 -
react组件更新阶段钩子函数
react组件更新阶段有两个钩子函数,在组件被更新时调用更新触发条件有三种:setState()方法被调用时,被修改的数据将会重新渲染到页面组件接收到新的数据强制更新时forceUpdate()两个钩子函数执行顺序:render()=>componentDidUpdate()render()在组件渲染是会触发,和创建阶段的render()是同一个钩子函数componentDidUpdate()在组件渲染完成后触发注意:如果要在componentDidUpdate()中使用setS原创 2020-12-30 11:17:09 · 1052 阅读 · 0 评论 -
react组件创建阶段钩子函数
react组件创建阶段有三个钩子函数,执行顺序:constructor()创建组件时最先执行,一般用来做初始化操作,例如:初始化state,更改函数this绑定等操作render()组件每次被渲染的时候都会触发,主要用来渲染UI结构,render()函数中不能调用setState()方法componentDidMount()组件DOM渲染完成后执行,可以用来发送网络请求和DOM操作...原创 2020-12-30 10:38:13 · 289 阅读 · 0 评论