Question

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

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

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

import Component from 'react'

Answer 1

以下是import的{{3}}。

import React from 'react'

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

import { Component } from 'react'

但这是一个成员导入（名为import）。成员导入使用export ...导出。会员出口可能很多。

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

import React, { Component } from 'react';

在JavaScript中，默认和命名导入是分开的，因此您无法导入命名导入，就像它是默认导入一样。以下内容将名称Component设置为'react'包的默认导出（不会与React.Component相同：

import Component from 'react';

Answer 2

组件是命名导出。例如因此，它必须用{}进行解构。

React是React的默认导出，来自＆＃39; react＆＃39;是正确的。例如导出默认React

Answer 3

如果在任何文件中您默认使用export default React之类的语句导出某些内容，则可以导入import React之类的内容。

对于非默认的其他导出，我们需要通过在括号中关闭import { Components}来指定我们实际想要导入的内容。