生命周期事件是React提供的特殊方法,这些方法会自动绑定到组件实例,使我们能够挂接到组件声明周期,不同阶段以运行一些代码。有各种不同的生命周期事件,它们将在不同的时间点运行,但是我们可以将它们划分为三大类别:
添加到DOM中
当组件正在被添加到DOM中时,这些生命周期事件将被调用:
- constructor()
- componentWillMount()
- render()
- componentDidMount()
重新渲染 rendering
当组件正在重新渲染到DOM时,这些生命周期事件将被调用:
- componentWillReceiverProps()
- shouldComponentUpdate()
- componentWillUpdate()
- render()
- componentDidUpdate()
从DOM中删除
当组件正在DOM中被删除时,以下生命周期事件将被调用
- componentWillUnmount()
生命周期时间点,从做上角开始
常用生命周期
- componentWillMount(): 在组件插入DOM之前立即被调用
- componentDidMount(): 在组件插入DOM之后立即被调用
- componentWillUnmount(): 在组件从DOM中删除之前立即被调用
- componentWillReceiveProps():每当组件即将接受全新的属性时被调用
要使用其中一个事件,你只需在组件中使用相关名称创建一个方法,React 将调用该方法,这样可以轻松挂接到React组件的不同生命周期阶段。
import
注意:render()仅用于渲染
注意:组件的render()方法应该仅用于渲染该组件,不应发出任何HTTP请求、获取用于显示内容的数据,此外,render()方法不应调用任何执行这些操作的其他函数。