导入React和导入{组件}语法之间的区别

Question

说，我们在ES6中使用React。我们将React和Component导入为

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

为什么语法不同？我们不能按以下规定使用吗？

import Component from 'react'

Answer 1

下面是文档的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';