Reactjs import-React和import{Component}语法之间的差异

比如说，我们正在使用React with ES6。我们进口React和Component作为

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

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

import Component from 'react'

以下是导入的步骤

import React from 'react'

以上是默认导入。默认导入是使用

导出默认…

导出的。只能有一个默认导出

import { Component } from 'react'

但这是一个成员导入（名为import）。成员导入是通过

导出…

导出的。可以有许多成员导出

您可以使用以下语法导入这两种内容：

import React, { Component } from 'react';

在JavaScript中，默认导入和命名导入是分开的，因此不能像默认导入那样导入命名导入。下面，将名称

组件

设置为

'react'

包的默认导出（与

react.Component

不同）：

import Component from 'react';

---

组件是一个命名的导出。例如，必须使用{}对其进行解构

---

React是从“React”导出React的默认值。例如，导出默认React

如果在任何文件中，您使用类似于

导出默认React

的语句默认导出某个内容，则可以像

导入React

那样导入该内容

---

对于其他非默认的导出，我们需要通过在括号中关闭它来指定实际要导入的内容，如

import{Components}

另外，当您从React库导入时，必须像这样导入React，因为React是默认导出。另一方面，组件放在花括号中，因为它是可选的。从库中导入的可选内容放在第行的大括号中“从‘react’导入组件；”，您不打算直接调用“Component”吗“react”的默认导出？换句话说，组件是react对象，默认情况下从react模块导出，不为空。我的意思是，默认导出不是命名导出，因此名称无关紧要。@Josmar是的，我知道我表达得不太好。进行了编辑。：）你忘了提到React没有默认的导出，所以除非你使用hacking Babel预置，否则代码将无法工作……澄清一下，没有解构导入这样的事情。从句法上讲，它是相似的，但也有一些有趣的区别。肯特·C·道登this@ScottSilvi看起来指向文章的链接已断开。什么是命名导出？