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:卸载组件
初始化阶段
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:卸载组件
阅读全文
2 0
- React生命周期
- React 生命周期
- React生命周期
- React生命周期
- react生命周期
- react生命周期
- react 生命周期
- react生命周期
- React生命周期
- react生命周期
- React 生命周期
- react 生命周期
- react 生命周期
- React生命周期
- React生命周期
- react生命周期
- react 生命周期
- React生命周期
- Android AudioManager 音频管理
- springmvc与struts2的不同
- @value的用法,在我看的项目中的应用是在外部配置URL
- Redis作者:深度剖析Redis持久化
- jQuery权威指南总结
- react 生命周期
- Constructing Roads(最短路径)
- js中typeof与instanceof
- react
- 网易2018校招内推笔试-彩色砖块-python2,python3,C++解法
- JavaScript 数组去重的完美解决思路
- Deep MNIST for Experts解读(三):deepnn源码分析与AdamOptimizer
- Hadoop+HBase+Zooper 关系及安装
- 【STL】队列的实现以及应用