今天小编给大家分享一下react生命周期的三个过程实例分析的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。 react生命周期的三个过程：1、挂载期，也叫实例化期，是一个组件实例初次被创建的过程；2、更新期，也被称为存在期，是组件在创建之后再次渲染的过程；3、卸载期，也被称为销毁期，是组件在使用完后被销毁的过程。本教程操作环境：Windows10系统、react17.0.1版、Dell G3电脑。React的生命周期从广义上分为三个阶段：挂载、渲染、卸载从出生到成长，最后到死亡，这个过程的时间可以理解为生命周期。React的生命周期同理也是这么一个过程。React的生命周期分为三个阶段：挂载期（也叫实例化期）、更新期（也叫存在期）、卸载期（也叫销毁期）。在每个周期中React都提供了一些钩子函数。生命周期的描述如下：挂载期：一个组件实例初次北创建的过程。更新期：组件在创建后再次渲染的过程。卸载期：组件在使用完后被销毁的过程。组件的挂载：
组件在首次创建后，进行第一次的渲染为挂载期。挂载期有的一些方法会被依次触发，列举如下：constructor(构造函数，初始化状态值)getInitialState(设置状态机)getDefaultProps(获取默认的props)UNSAFE_componentWillMount(首次渲染前执行)render(渲染组件)componentDidMount(render渲染之后执行的操作)
{this.props.name}组件的更新：
组件更新，指的是在组件初次渲染后，进行了组件状态的改变。React在生命周期中的更新过程包括以下几个方法：UNSAFE_componentWillReceiveProps :当父组件更新子组件state时，该方法会被调用。shouldComponentUpdate ： 该方法决定组件state或props的改变是否需要重新渲染组件。UNSAFE_componentWillUpdate : 在组件接受新的state或者props时，即将进行重新渲染前调用该方法，和UNSAFE_componentWillMount方法类似。componentDidUpdate : 在组件重新渲染后调用该方法，和componentDidMount方法类似。
{this.props.name}
点击“更新子组件props”后：
组件的卸载：
生命周期的最后一个过程为组件免费云主机域名卸载期，也称为组件销毁期。该过程主要涉及一个 方法，即componentWillUnmount，当组件从DOM树删除的时候调用该方法。
{this.props.name}
点击卸载按钮后：
总览组件生命周期：
以上就是“react生命周期的三个过程实例分析”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注百云主机行业资讯频道。
这篇“go语言中join方法怎么使用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“go语言中join方法怎么使用”文章吧。 在go语言中，joi…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
