为什么我们从 React 导入 React?

React 是一个用于构建用户界面的 JavaScript 库，它是由 Facebook 开发的。它通过使用组件来提高代码的可重用性，使得开发者易于构建复杂的 UI。当然，如题所述，我们会经常看见下面这种形式：

import React from 'react';

这是因为 React 库其实是一个 Package，我们之所以可以使用它提供的组件等等，是因为我们使用了 ECMAScript 6 中的模块化机制。在这里我简单地解释一下模块化的相关内容。

JavaScript 语言是一种面向对象的语言，它在本质上并不是一种模块化的语言。但在长期的开发过程中，我们意识到我们需要一种模块化的思想，来将大型代码库分割成小的、独立的组件。

在 ECMAScript 6 之前，我们已经有了一些 JavaScript 的模块系统，比如 CommonJS 和 AMD，在 Node.js 和 RequireJS 中都有应用。同时，在 CSS 和 HTML 中我们也使用了类似于模块化的开发方式（CSS Modules、Web Components 等）。但一个通用的、JavaScript 标准的、从语言层面支持模块化还是需要的。

ECMAScript 6 就是在这个背景下引入了模块化支持。我们可以使用 import/export 来导入和导出模块，从而将代码分割成不同的文件，以更好地组织我们的代码。而 React 就是一个 ECMAScript 6 模块，所以我们需要使用前面提到的方法来导入它的组件。

在导入 React 库后，我们就可以使用其中提供的一些组件了。比如在一个 React 组件中，我们可以这样写：

import React, { Component } from 'react';

class App extends Component {
  render() {
    return (
      <div>Hello, World!</div>
    );
  }
}

export default App;

在这个例子中，我们可以看到，我们使用了 import 来将 React 和 Component 导入进来，然后我们使用了 ES6 的语法 class 来定义一个组件，将 component 继承自 React 的 Component 类，重写了 render 方法，最后将组件导出。

总结来说，为什么我们从 React 中导入 React？这是因为在使用 React 的组件之前，我们需要先导入 React 库，以便使用其中所提供的组件和功能。同时，在模块化的语言中，需要通过导入和导出来进行组件的代码重用。