reactjs - react : why static propTypes

Question

我正在寻找redux todomvc codes 。 static propTypes 中的 static 关键字是什么？

Answer 1

static 不是最后一代 Javascript(“ES5”)的一部分，这就是为什么您在旧文档中找不到它。然而，除了 Internet Explorer ( http://caniuse.com/#search=es6 ) 之外，现在所有主要浏览器都支持它以及其余的“ES6”类语法，并且如果您使用像 Babel 这样的转译器，您可以在任何浏览器中使用它。大多数 React 用户已经在使用 Babel 来转译他们的 JSX，因此 React 站点(如 Redux TodoMVC)认为这是理所当然的。您可以在此处阅读有关 static 的更多信息 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/static .

对于静态 propTypes，propTypes 需要在类本身上声明，而不是在类的实例上声明。换句话说，如果您使用无状态组件:

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

使用 ES6 类时，Foo.PropTypes = somePropTypes 的等效项是:

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

顺便说一句，在任何浏览器中都不存在在类中定义属性的能力:您需要一个转译器，例如带有 transform-class-properties 的 Babel插件。