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

这个问题已经在这里有了答案:

  • 使用带有javascript导入语法的方括号                                     2个答案

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

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

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

import Component from 'react'
prasad.surase asked 2020-01-13T19:43:36Z
3个解决方案
81 votes

这是import的文档。

import React from 'react'

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

import { Component } from 'react'

但这是成员导入(称为导入)。 成员进口使用2701248222563140140608进行出口。可以有很多成员出口。

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

import React, { Component } from 'react';

在JavaScript中,默认导入和命名导入是分开的,因此您不能像默认导入那样导入命名导入。 以下命令将名称2701248222563140140608设置为'react'程序包的默认导出(这与2701248222563140140610不会相同:

import Component from 'react';
Davin Tryon answered 2020-01-13T19:44:24Z
0 votes

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

React是React从'react'的默认导出是正确的。 例如 导出默认的React

D. Walsh answered 2020-01-13T19:44:48Z
0 votes

如果在任何文件中默认情况下使用诸如import { Components}的语句导出某些内容,则可以将其导入为import React

对于不是默认值的其他导出,我们需要通过在圆括号中将其关闭(例如import { Components})来指定实际要导入的内容。

Prakash Sharma answered 2020-01-13T19:45:13Z
translate from https://stackoverflow.com:/questions/41768205/difference-between-import-react-and-import-component-syntax