React(willanddid)
2017-02-14 12:55:32 16 举报
AI智能生成
react 运行过程
作者其他创作
大纲/内容
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结构中被移除的过程
收藏
0 条评论
回复 删除
下一页