Какая разница между extends Component и extends React.Component?

Question

[Николай Антонов]

В реакт есть 2 способа создания компонентов:
1) NewComponent extends Component {...}
1) NewComponent extends React.Component {...}
Какая разница? Какие подводные камни могут быть в будущем?

Answer 1

[Евгений]

Оба варианта одинаковы, просто в 1-м случае мы явно импортируем Component из react библиотеки и от него наследуемся:

import React, { Component } from 'react';
class App extends Component {}

import React from 'react';
class App extends React.Component {}

Comments

[Николай Антонов]

Здесь пишет что в devtools не правильно отображаются компоненты. Интересно еще в каких целях 2 способа созданы
https://maxfarseer.gitbooks.io/react-router-course...

[Евгений]

Николай Антонов: Дело в том, что мы передаем в экспортируемую функцию аргумент "Component", поэтому когда мы наследуемся, то это не тот компонент который мы ожидаем. Возможно стоит переименовать этот аргумент тогда ничего не поломается.