Réagir statique avec ES6 classes

Ne la statique de l'objet de travail avec ES6 classes Réagir?

class SomeComponent extends React.Component {

  render() {
    //...
  }

}

React.statics = {
  someMethod: function() {
    //...
  }
};

Quelque chose comme ci-dessus me donne pas défini de méthode someMethod quand je fais SomeComponent.someMethod()

InformationsquelleAutor niftygrifty | 2015-04-03
  1. 61

    statics ne fonctionne qu'avec React.createClass. Il suffit de déclarer la méthode comme une méthode de classe statique:

    class SomeComponent extends React.Component {

  static someMethod() {
    //...
  }

  render() {
    //...
  }

}

    Concernant

    React.statics = { ... }

    Vous êtes littéralement créer un statics bien sur la React objet. Cette propriété n'a pas comme par magie étendre votre composant.

    • Notez que les propriétés statiques (par exemple,static propTypes = {...}) sont pris en charge par babel et le jsx outils, mais ils sont seulement une ES7 proposition. Les méthodes statiques sont ES6.
    • en faisant comme ça j'ai toujours Cannot read property '_currentElement' of null erreur alors que les mêmes méthodes sans modificateur static fonctionne correctement. Je n'utilise pas de variables de classe dans mes méthodes...
    InformationsquelleAutor Felix Kling
  2. 24

    Bien que statics ne fonctionne que pour les React.createClass, vous pouvez toujours écrire des méthodes statiques dans l'ES6 notation. Si vous utilisez ES7, alors vous pouvez aussi écrire des propriétés statiques.

    Vous pouvez écrire statique à l'intérieur de ES6+ classes de cette manière:

    class Component extends React.Component {
    static propTypes = {
    ...
    }

    static someMethod(){
    }
}

    Ou à l'extérieur de la classe comme ceci:

    class Component extends React.Component {
   ....
}

Component.propTypes = {...}
Component.someMethod = function(){....}

    Si vous voulez l'écrire comme l'ancienne, alors vous avez à mettre en stage: 0 sur Babel (depuis sa expérimentale).

    • Notez que propTypes = … n'est pas ES6 notation.
    • Vous avez raison, ce qui semble être ES7 Propriété d'Initialiseur de notation. facebook.github.io/réagir/blog/2015/01/27/...
    • Afin d'utiliser ES7 vous avez à npm install babel-preset-stage-0 puis ajouter "stage-0" pour .babelrc comme suit: {"presets": ["es2015", "react", "stage-0"]}
    InformationsquelleAutor Jonathan Huang
  3. 1

    Statique peut être accessible sans avoir à instancier un composant. Normalement, ils ne sont pas très utile, mais il existe quelques cas particuliers. Par exemple dans le routage lorsque vous quittez la page en cours avec faire une ACTION à EFFECTUER, puis à travers la Statique des méthodes que vous pouvez tenir/DEMANDE à l'utilisateur s'il a vraiment envie de quitter la page.
    Par exemple:

    exampleComponent= React.createClass({
statics:{
        willTransitionFrom: function(transition,component){
            //check any state here or value Aasked the user.
        }
    }
});

    Il expose willTransitionTo et willTransitionFrom du cycle de vie des méthodes. les deux sont en particulier est utile comme statique que vous pouvez réellement annuler une transition avant l'instanciation d'un composant.

    InformationsquelleAutor Amit kumar
  4. -6

    statics fonctionne uniquement pour Réagir composants, vérifiez les docs.

    • Ne fait pas les OP ont une réagir composant?
    • C'est exactement votre réponse. Ce qui est OP?
    • "OP" renvoie à la question ou à la personne qui a écrit la question. Peut-être vous l'a formulé une manière un peu étrange, parce que la c'est vraiment Réagir composant. Il n'est pas créé avec React.createClass.
    • C'est exactement dont la réponse?
    InformationsquelleAutor Roman