set initial réagir état des composants dans le constructeur ou componentWillMount?

À réagir composants est-il préférable de définir l'état initial dans le constructeur() ou componentWillMount()?

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

ou

export default class MyComponent extends React.Component{
  componentWillMount(props){
    this.setState({key: value});
  }
}
InformationsquelleAutor freedrull | 2016-06-13
  1. 65

    Dans le constructeur est préférable lors de l'utilisation de ES6 classes, mais n'utilisez pas le setState API, plutôt faire comme ça:

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

    Aussi, si vous avez des propriétés de la classe à votre disposition (babel étape 1), vous pouvez effectuer les opérations suivantes: 

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

  render() {
    ....
  }
}
    • Merci. Quel est le problème avec l'aide de la setState API?
    • Parce que je me souviens de la lecture à jamais muter cette.l'état directement : facebook.github.io/réagir/docs/composant api.html#setstate
    • Désolé, pour être clair, ne pas l'utiliser lors de la configuration initiale de l'état. 🙂 Partout ailleurs oui.
    • Pourquoi est-il ok dans ce cas?
    • Pourquoi est-il préférable d'utiliser le constructeur de componentWillMount?
    • C'est une recommandation directe de l'Réagissent de l'équipe pour définir l'état dans le constructeur lors de l'utilisation de ES6 classes. Lire à ce sujet ici. Je suppose que il y a un certain niveau interne que nous ne sommes pas conscients de ce qui nécessite l'état initial avant tout le cycle de vie des événements de me faire virer.
    • Je suis en train de lire un livre et il définit l'état initial dans componentWillMount qui m'a rendu curieux pourquoi pas dans le constructeur. Juste pour dire que tous les livres peuvent être de confiance pour les meilleures pratiques.
    • Pourquoi utiliser this.state dans ton premier code, et seulement state dans la seconde?Je dint obtenir que
    • +Abhinav premier code fait référence à la classe de la propriété à partir d'une fonction dans la même classe, tandis que le second code déclare la propriété de la classe, avec sa valeur initiale (donc this n'est pas nécessaire). Essentiellement, l'attribution ne se fait pas en fonction du contexte (bien que le transpiled version n'mais c'est un détail d'implémentation).

    InformationsquelleAutor ctrlplusb