8手把手教React Native实战之ReactJS组件生命周期

Posted 2020-08-02 东方耀

 1.创建阶段

getDefaultProps：处理props的默认值 在React.createClass调用


2.实例化阶段

React.render(<HelloMessage 启动之后

getInitialState、componentWillMount、render、componentDidMount

state：组件的属性，主要是用来存储组件自身需要的数据，每次数据的更新都是通过修改state属性的值，ReactJS内部会监听state属性的变化，一旦发生变化的话，就会主动触发组件的render方法来更新虚拟DOM结构

虚拟DOM：将真实的DOM结构映射成一个JSON数据结构


3.更新阶段

主要发生在用户操作之后或父组件有更新的时候，此时会根据用户的操作行为进行相应的页面结构的调整

componentWillReceiveProps、shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate

4.销毁阶段

销毁时被调用，通常做一些取消事件绑定、移除虚拟DOM中对应的组件数据结构、销毁一些无效的定时器等工作

componentWillUnmount


##8、配套视频(下载地址)：https://yunpan.cn/cYid89wLX5w3c  访问密码 3f0d