Установить начальное состояние реагирующего компонента в конструкторе или компонентеWillMount?

В реакционных компонентах предпочтительнее установить начальное состояние в конструкторе() или компонентеWillMount()?

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});
  }
}

Ответы

Ответ 1

В конструкторе предпочтительнее использовать классы ES6, но не используйте API setState, скорее сделайте так:

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

Кроме того, если у вас есть свойства класса, доступные вам (этап Babel 1), вы можете сделать следующее:

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

  render() {
    ....
  }
}