-
挂载阶段:
constructor(): 该方法通常用于初始化组件的state以及绑定事件处理方法.
render(): 在这个方法中,根据组件的props和state返回一个React元素,用于描述组件的UI,通常React元素使用JSX语法进行定义。并且render必须是一个纯函数,就是不能进行改变state,也不能直接和浏览器进行直接的交互。主要的两个作用:计算props和state返回对应的结果;通过React.createElement将JSX转化为VDOM对象.
conponentDidMount(): 组件被挂载到DOMH后调用,此时已经可以获取到DOM的结构。主要的作用:数据可以获取到,真实的DOM也可以获取到;可以进行数据的请求,也可以进行数据的修改;是唯一一个可以进行同步修改state的方法,直接显示在视图上;操作真实的DOM.
-
更新阶段:
shouldComponentUpdate(nextProps,nextState): 在React的默认下,只要状态变了,组件就会重现渲染。但是在这个声明周期中可以改变这个默认行为,通过返回的Boolean来改变这个默认行为。在组件更新过程中,如果返回的是true,那么就继续更新,调用render函数,如果返回的是false,立即停止更新过程.
render(): 同上
componentDidUpdate(preProps,preState): 在更新发生后立即调用componentDidUpdate(),当组件更新时,将此作为一次机会来操作DOM。只要您将当前的
巨详细的React声明周期解释:
最新推荐文章于 2024-08-27 10:35:38 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)