react生命周期执行顺序

93 阅读1分钟

组件关系图:

image.png

1、挂载顺序:

image.png

2、父组件state改变子组件props改变之后触发的顺序:

image.png

3、切换路由卸载顺序:

image.png

4、hook函数渲染顺序:

image.png 5、hook切换路由卸载顺序:

image.png

6、hook值更新副作用执行顺序: image.png