React入门（二）

组件的生命周期

• 概念：在组件创建、到加载到页面运行、以及组件被销毁的过程中伴随的事件。组件的生命周期是指在组件的特定时期触发的事件。

• 组件的生命周期分为三个部分：

  • 组件创建阶段：只执行一次

    componentWillMount: 组件将要被挂载，此时还未开始渲染虚拟dom
    render：执行结束后，内存中虚拟dom渲染完成
    componentDidMount：组件挂载完成，此时组件已经显示在页面中，执行结束后组件进入运行阶段

  • 组件运行阶段：根据组建的state和props改变有选择的出发0次或多次

    componentWillReceiveProps: 组件将要接收新属性，执行完成后，父组件为子组件传递新的属性值
    shouldComponentUpdate：组件尚未更新，但props和state是最新值
    componentWillUpdate：内存中虚拟dom为旧的，组件将要被更新
    render：重新渲染虚拟dom
    componentDidUpdate：state、虚拟dom、页面显示保持一致

  • 组件销毁阶段：只执行一次

    componentWillUnmount：组件将要被卸载，此时组件可正常使用

标签：入门,dom,React,将要,state,虚拟,组件,页面
来源： https://www.cnblogs.com/wujialin/p/11967932.html