提问者:小点点

import React和import { Component }语法之间的差异[重复]


比方说,我们在ES6上使用React。我们将React和Component作为

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

为什么语法不同?我们不能按照下面的规定使用吗?

import Component from 'react'

共3个答案

匿名用户

以下是导入的文档。

import React from 'react'

以上是默认导入。默认导入以导出默认值导出...。只能有一个默认导出。

import { Component } from 'react'

但这是一个成员导入(命名导入)。成员导入与<code>导出一起导出。可以有许多成员导出。

可以使用以下语法导入两者:

import React, { Component } from 'react';

在 JavaScript 中,默认导入和命名导入是拆分的,因此不能像导入默认导入那样导入命名导入。下面,将名称 Component 设置为“react”包的默认导出(它不会与 React.Component 相同):

import Component from 'react';

匿名用户

组件是一个命名导出。因此,它必须用{}进行析构。

React是React的默认导出,“React”是正确的。例如导出默认React

匿名用户

如果在任何文件中,您默认使用import default React之类的语句导出某些内容,那么可以像import React那样导入。

对于其他非默认导出,我们需要指定实际要导入的内容,方法是将其放在括号中,如<code>import{Components}