Различия между синтаксисом ES5 и ES6 при написании приложения React.

требовать против импорта

Импорт участника:

Импорт элемента по умолчанию и элемента:

Документация по ввозу.

экспорт vs экспорт

Именованный экспорт:

Документация на экспорт.

React компонент

Или создайте функцию, если это просто функциональный компонент без состояния:

Реагируйте реквизит

Типы реквизита:

Свойства по умолчанию:

Состояние реакции

Начальное состояние:

Реагировать методы

Методы жизненного цикла:

Внутренние методы:

Чтобы получить доступ к контексту компонента в подходе ES6, метод должен быть привязан к this:

Реагировать контекст

Документация по React context.

Вавилон

Если вы транспилируете свой код с помощью Babel (не все браузеры понимают ES6), обязательно добавьте пресет ES2015.