react 生命周期

来源:互联网 发布:淘宝法院拍卖房子税费 编辑:程序博客网 时间:2024/06/05 10:30
生命周期
初始化阶段
getDefaultProps:只调用一次,实例之间共享引用
getInitialState:初始化每个实例特有的状态
componentWillMount:render之前最后一次修改状态的机会,通常用来做ajax请求
render:只能访问this.props和this.state,只有一个顶层组件,不允许修改状态和DOM输出
componentDidMount:成功render并渲染完成真实DOM之后触发,可以修改DOM


运行时阶段
componentWillReceiveProps:父组件修改属性触发,可以修改新属性、修改状态
shouldComponentUpdate:返回false会阻止render调用
componentWillUpdate:不能修改属性和状态
render:只能访问this.props和this.state,只有一个顶层组件,不允许修改状态和DOM输出
componentDidUpdate:可以修改DOM


销毁阶段
componentWillUnmount:在删除组件之前进行清理操作,比如计时器和事件监听器


unmountComponentAtNode:卸载组件
原创粉丝点击