reactjs - 在构造函数或 componentWillMount 中设置初始 React 组件状态？

Question

在 React 组件中，是优先在 constructor() 还是 componentWillMount() 中设置初始状态？

export default class MyComponent extends React.Component{
  constructor(props){
    super(props);
    this.setState({key: value});
  }
}

或

export default class MyComponent extends React.Component{
  componentWillMount(props){
    this.setState({key: value});
  }
}

Answer 1

使用 ES6 类时，最好在构造函数中使用，但不要使用 setState API，而是这样做:

export default class MyComponent extends React.Component{
  constructor(props){
    super(props);
    this.state = { key: value };
  }
}

此外，如果您有可用的类属性(babel stage 1)，那么您可以执行以下操作:

export default class MyComponent extends React.Component{
  state = { key: value };

  render() {
    ....
  }
}