,一个人的生,老,病,死.在每个特殊的年龄阶段,做着不同的事情
在React编写组件中,每个组件在网页中都有被创建,更新,删除这么一过程,就像有机的生命体一样
理解生命周期函数对于编写React组件代码是非常重要的...本质上是通过底层的React.CreateElement的一个方法实现的,它是一个javascript对象,将虚拟DOM转化为真实的DOM,最后通过ReactDOM.render()方法将真实的DOM渲染挂载到对应的页面位置上...组件的装载(Mount):React组件第一次在DOM树中渲染的过程
componentWillMount:组件即将被挂载,在Render方法之前调用:
应用场景: 常用于组件的启动工作,例如:Ajax...,在该生命周期函数内,不应该调用setState函数,因为该组件销毁后,将不会被重新渲染
具体的实例代码如下所示:
import React, { Fragment, Component } from...,取消未完成的网络(Ajax)请求,清理已注册的订阅
把上面的生命周期图谱在代码中多写几遍,结合着每个生命周期的含义,就不难理解上面那个生命周期图谱了