React(willanddid)

React (will and did)

mounted

getDefaultProps // 共用属性，每次实例创建都会被调用一次

getInitialState  // 当前元素，用于当前组件，调用的次数有且只有一次

componentWillMount  // DOM节点渲染之前被调用，最后一次修改 state 的机会

render  // 创建虚拟的DOM节点

componentDidMount  // DOM节点渲染之后被调用

update

\bcomponentWillReceviceProps  // 更改 props 对象时被调用

shouldComponentUpdate  // 通过返回bloon值来判断是否需要更新DOM结构中的 props 和 state 对象

componentWillUpdate  // 接收到新的 props 和 state 进行渲染之前调用

componentDidUpdate  // 接收到新的 props 和 state 渲染之后调用

unMounted

componentWillUnMount  // 销毁图片资源

每一状态 React 都封装了对应的 hook 函数

react component被 render 解析生成对应的 DOM节点，并插入到相应的DOM结构的过程

一个 mounted 的 react component 对应的DOM节点从浏览器DOM结构中被移除的过程