реакция: почему static propTypes

Question

Я смотрю redux todomvc codes. Что является ключевым словом static в static propTypes? Благодаря

UPDATE

Понятия не имею, почему downvoted? Эта статья слишком проста? Комментарии приветствуются. Благодарю. Надеюсь, я смогу удалить этот пост.

Answer 1

static не был частью последнего поколения Javascript («ES5»), поэтому вы не найдете его в старой документации. Однако он и остальная часть синтаксиса класса ES6 теперь поддерживаются во всех основных браузерах, кроме Internet Explorer (http://caniuse.com/#search=es6), и если вы используете транспилер вроде Babel, вы можете использовать его в любом браузере. Большинство пользователей React уже используют Babel для пересылки своего JSX, поэтому сайты React (например, Redux TodoMVC) принимают это как должное. Вы можете узнать больше о static здесь https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/static.

В случае 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; 
} 

Как примечание стороны, способность определять свойства в классе подобное не существует в любом браузере (пока): вам нужен транспилер, такой как Babel с плагином transform-class-properties.

Answer 2

propTypes не являются уникальными для экземпляра компонента. Они также не меняются на один компонент. Поэтому для них имеет смысл быть статическим членом класса.