What's the difference between extends Component and extends React.Component?

Question

JavaScript

There are 2 ways to create components in React:
1) NewComponent extends Component {...}
1) NewComponent extends React.Component {...}
What's the difference? What pitfalls may be in the future?

Answer 1

Both options are the same, just in the 1st case we explicitly import Component from the react library and inherit from it:

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

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