React学习手册

组件扩展

｜

141

挂载生命周期

挂载生命周期是指当某个组件被挂载或者下载时被触发的一系列方法。换句话说，这

些方法允许用户初始化

State

、创建

API

调用请求、启动或者停止计时器，操作已渲染

的

DOM

、初始化第三方脚本库等。这些方法允许用户使用

JavaScript

辅助完成初始化

或销毁某个组件的操作。

挂载生命周期根据用户使用的是

ES6

类语法还是

React.createClass

方法创建组件而稍

有不同。当用户使用

createClass

时，

getDefaultProps

方法会被触发首先获得组件的

属性。然后，

getInitialState

方法将会被触发，用于初始化

State

。

ES6

类并不包含上述方法。取而代之的是，默认的

props

将会被获取，然后将它作

为参数传递给构造函数。构造函数也是

State

被初始化的地方。

ES6

类构造函数和

getInitialState

都拥有访问属性的能力，如果有必要的话，可以使用它们辅助定义

初始的

State

。

表

7-1

列出了组件挂载生命周期中的所有方法。

表

7

-

1

：组件挂载生命周期

ES6

类

React.createClass()

getDefaultProps()

constructor(props) getInitialState()

componentWillMount() componentWillMount()

render() render()

componentDidMount() componentDidMount()

componentWillUnmount() ...