网站建设 软件 开源,铁岭网络推广网站建设,适合发软文的平台,织梦源码免费下载react生命周期总结
生命周期主要分为以下几个阶段#xff1a;
Mounting:创建虚拟DOM#xff0c;渲染UI(初始化)Updating#xff1a;更新虚拟DOM#xff0c;重新渲染UI#xff1b;(更新)UnMounting#xff1a;删除虚拟DOM#xff0c;移除UI#xff1b;(销毁)
生命周期…react生命周期总结
生命周期主要分为以下几个阶段
Mounting:创建虚拟DOM渲染UI(初始化)Updating更新虚拟DOM重新渲染UI(更新)UnMounting删除虚拟DOM移除UI(销毁)
生命周期第一阶段:初始化 这个阶段主要包含两个函数一个是构造函数constructor用来初始化state另一个函数就是componentDidMount这个函数一般是在组件创建好DOM元素之后挂载进页面的时候调用生命周期的第二个阶段就是更新 这个阶段由需要注意四个函数 componentWillReceiveProps这个函数已经被废弃了但是我们还是要了解面试的时候要提及这个函数一般是在组件接收到一个新的props(更新的时候被调用但是使用的时候会出问题所以现在有了一个替代函数:state getDerivedStateFromProps(nextProps,prevState)这个的作用就是对比当前的props和之前的state的变化shouldComponentUpdate(nextProps,nextState):通过判断props和state的变化来判断是否需要来更新一般如果没有指定就会默认自动更新componentDidUpdate:组件更新后调用; 生命周期第三个阶段销毁 componentWillUnmount()组件销毁后调用
具体来说react组件的生命周期可以用下图来表示 其实react生命周期远不止这些但是记住常用的这些就够了其他的基本不用甚至会在后面被废弃掉因为react越来越强调函数的使用而生命周期的概念是类组件中的概念。
