React 生命周期
React 生命周期分成两类:
当组件在挂载或卸载时;
当组件接收新的数据时,即组件更新时
组件挂载
组件状态的初始化
初始化组件:
import React, { Component, PropTypes } from 'react';
class App extends Component {
static propTypes = {
// ...
};
static defaultProps = {
// ...
};
constructor(props) {
super(props);
this.state = {
// ...
};
}
componentWillMount() {
// ...
}
componentDidMount() {
// ...
}
render() {
return <div>This is a demo.</div>;
}
}
componentWillMount 方法会在 render 方法之前执行
componentDidMount 方法会在 render 方法之后执行
在 componentWillMount 中执行 setState 方法——无意义
组件卸载
import React, { Component, PropTypes } from 'react';
class App extends Component {
componentWillUnmount() {
// ...
}
render() {
return <div>This is a demo.</div>;
}
}
事件回收或是清除定时器