import React 和 import { Component } 语法之间的区别[重复]

假设我们正在使用 React 和 ES6。我们将 React 和 Component 导入为

import React from 'react'
import { Component } from 'react'

为什么语法不同？我们不能按照下面指定的方式使用吗？

import Component from 'react'

这里有docs https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import for import.

import React from 'react'

以上是默认导入。默认导入导出为export default ...。只能有一个默认导出。

import { Component } from 'react'

但这是成员导入（命名导入）。成员导入导出为export ...。可以有很多成员导出。

您可以使用以下语法导入两者：

import React, { Component } from 'react';

在 JavaScript 中，默认导入和命名导入是分开的，因此您不能像默认导入一样导入命名导入。下面，设置名称Component到默认导出'react'包（这不会与React.Component:

import Component from 'react';