React生命周期函数
2017-07-03 11:26
447 查看
《React与Redux开发实例精解》
componentWillMount:在渲染前调用
componentDidMount:在第一次渲染后调用
componentWillReceiveProps:在组件接收到一个新的prop时被调用。这个方法在第一次渲染时不会被调用。
shouldComponentUpdate:返回一个布尔值。在组件接收到新的props或者state时被调用。在初始化时或者使用forceUpdate时不被调用。可以在你确认不需要更新组件时使用。
componentWillUpdate:在组件还没有接收到新的props或者state但还没有render时被调用。在初始化时不会被调用。
componentDidUpdate:在组价完成更新后立即调用。在初始化时不会被调用。
componentWillUnmount:在组件从DOM中移除的时候立刻被调用。
React官方文档
组件实例初始化、更新、销毁的过程:
Mounting
These methods are called when an instance of a component is being created and inserted into the DOM:
Updating
An update can be caused by changes to props or state. These methods are called when a component is being re-rendered:
Unmounting
This method is called when a component is being removed from the DOM:
componentWillMount:在渲染前调用
componentDidMount:在第一次渲染后调用
componentWillReceiveProps:在组件接收到一个新的prop时被调用。这个方法在第一次渲染时不会被调用。
shouldComponentUpdate:返回一个布尔值。在组件接收到新的props或者state时被调用。在初始化时或者使用forceUpdate时不被调用。可以在你确认不需要更新组件时使用。
componentWillUpdate:在组件还没有接收到新的props或者state但还没有render时被调用。在初始化时不会被调用。
componentDidUpdate:在组价完成更新后立即调用。在初始化时不会被调用。
componentWillUnmount:在组件从DOM中移除的时候立刻被调用。
React官方文档
组件实例初始化、更新、销毁的过程:
Mounting
These methods are called when an instance of a component is being created and inserted into the DOM:
constructor() componentWillMount() render() componentDidMount()
Updating
An update can be caused by changes to props or state. These methods are called when a component is being re-rendered:
componentWillReceiveProps() shouldComponentUpdate() componentWillUpdate() render() componentDidUpdate()
Unmounting
This method is called when a component is being removed from the DOM:
componentWillUnmount()
相关文章推荐
- React组件生命周期-正确执行运行阶段的函数
- react生命周期函数
- React组件生命周期-初始化阶段的函数执行顺序
- React——组件的生命周期函数
- React教程(五)——生命周期函数
- react生命周期函数使用箭头函数,导致mobx-react问题
- React组件详细介绍及其生命周期函数
- React3 生命周期函数
- react系列(6)组件生命周期钩子函数
- React组件生命周期-正确执行初始化阶段的函数
- 浅析React生命周期函数的使用
- 【React自制全家桶】五、React组件的生命周期函数详解
- Cocos2d-x场景生命周期函数介绍
- Android中Activity的生命周期与对应函数
- cocos2d-x初步---生命周期函数的调用
- View、ViewController的生命周期及相关函数的用途[UIKit]
- Unity系统自带函数生命周期以及相互关系
- android的一个activity的生命周期中有多少函数
- Cocos2d-x场景生命周期函数介绍
- cocos2d-x 给函数接口生命周期添加检测函数,用于调试程序时检测错误。