React生命周期, setState、props改变触发的钩子函数
发布网友
发布时间:2022-12-16 22:39
我来回答
共1个回答
热心网友
时间:2023-09-11 13:59
在接受父组件改变后的props需要重新渲染组件时用到的比较多。将nextProps的state为当前组件的state,从而渲染组件
可用于性能优化(部分更新) 在setState后, state发生变化, return false时可以阻止组件更新。
父组件的重新渲染会导致子组件也重新渲染, 这个时候如果我们不需要所有子组件都跟着重新渲染, 可以在子组件的该生命周期中做判断
shouldComponentUpdate返回true,则进入改流程
组件的每次更新都会执行此钩子函数, 通过参数可以拿到更新前的props和state
render函数会插入jsx生成dom结构。react会生成一份虚拟DOM树,在每次组件更新时通过diff算法将虚拟DOM与旧虚拟DOM比较,找到最小有差异的DOM节点,重新渲染