reactjs - vida - establecer el estado del componente de reacción inicial en constructor o componentWillMount?

react setstate callback

Question

En los componentes de reacción, ¿es preferible establecer el estado inicial en el constructor () o componentWillMount ()?

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

o

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

Answer 1

En el constructor es preferible cuando se usan clases ES6, pero no se usa la API setState , sino que se hace así:

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

Además, si tiene propiedades de clase disponibles para usted (fase 1 de babel), puede hacer lo siguiente:

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

  render() {
    ....
  }
}