не распространяются на React.Component

Question

Синтаксис es6 для создания компонента React равен export default class ExampleComponent extends React.Component. Однако он все еще работает, когда export default class ExampleComponent без extends React.Component при условии, что import React from 'react'; почему это происходит

Answer 1

Легко быть в этой ситуации и пропустить то, что происходит, но разница действительно огромная: без расширения React.Component вы просто создаете класс JS. Кроме того:

• , потому что он удовлетворяет требованиям, предъявляемым к React класса (который вы можете создать либо React.createClass() или как класс ES6), он все равно «работа»,
• но не будет получить методы lifeCyle или получить доступ к состоянию (кто-то исправит меня, если я ошибаюсь в этом, довольно уверен, что вы не будете просто с классом bc, если нет экземпляра поддержки).
• эти «более простые» компоненты, как правило, быстрее реагируют на сделки и требуют меньше «механизмов», поскольку они - просто (надеюсь) чистая функция, которая что-то делает.
• так, они имеют ключевое отличие в том, что только с классом, который имеет метод визуализации, вы не «требуете» столько же. этого должно быть достаточно больше всего того времени; Вам не нужен доступ к state для всех

Надеюсь, что это поможет!

Answer 2

Вы создаете «чистый» JavaScript class, но раз он не расширяет React.Component, вы не сможете получить доступ к конкретному поведению React. Проверьте how extends work.