react : pourquoi les propTypes statiques

Question

Je regarde le codes redux todomvc . Quel est le static mot-clé dans static propTypes ? Merci

UPDATE

Aucune idée de la raison pour laquelle il a été rétrogradé ? Ce message est-il trop simple ? Les commentaires sont les bienvenus. Merci. J'espère pouvoir supprimer ce message.

Answer 1

static ne faisait pas partie de la dernière génération de Javascript ("ES5"), c'est pourquoi vous ne la trouverez pas dans les anciennes documentations. Toutefois, cette syntaxe, ainsi que le reste de la syntaxe de classe "ES6", est désormais prise en charge par tous les principaux navigateurs, à l'exception d'Internet Explorer ( http://caniuse.com/#search=es6 ), et si vous utilisez un transpilateur comme Babel, vous pouvez l'utiliser dans n'importe quel navigateur. La plupart des utilisateurs de React utilisent déjà Babel pour transpiler leur JSX, de sorte que les sites React (comme Redux TodoMVC) le prennent pour acquis. Vous pouvez en savoir plus sur static aquí https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/static .

Dans le cas de static propTypes En effet, les propTypes doivent être déclarés sur la classe elle-même, et non sur l'instance de la classe. En d'autres termes, si vous utilisez des composants sans état :

function Foo() { 
    this.PropTypes = somePropTypes; // bad
    return <div></div>;
}
Foo.PropTypes = somePropTypes; // good

Lorsque vous utilisez des classes ES6, l'équivalent de Foo.PropTypes = somePropTypes est :

class Foo extends React.Component {
    static PropTypes = somePropTypes;
}

À titre d'information, la possibilité de définir des propriétés dans une classe comme celle-ci n'existe pas (encore) dans les navigateurs : il faut un transpilateur tel que Babel avec la fonction transform-class-properties plugin.

Answer 2

propTypes ne sont pas uniques à une instance du composant. Ils ne changent pas non plus par composant. Il est donc logique qu'ils soient un membre statique de la classe.