在构造函数或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类时，最好在构造函数中使用，但不要使用setStateAPI，而是这样做：

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

另外，如果您有可用的类属性（Bab期1），则可以执行以下操作：

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

  render() {
    ....
  }
}