导入React和import {Component}语法之间的区别

Question

比如说,我们正在使用React和ES6.我们将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'

但这是一个成员导入(名为import).成员导入随导出export ....可以有许多成员出口.

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

import React, { Component } from 'react';

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

import Component from 'react';