reactjs - import React 和 import { Component } 语法之间的区别

Question

假设我们正在使用 React 和 ES6。我们将 React 和 Component 导入为

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

为什么语法不同？我们不能按照下面指定的方式使用吗？

import Component from 'react'

Answer 1

这里是docs用于导入。

import React from 'react'

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

import { Component } from 'react'

但这是一个成员导入(名为导入)。成员导入通过 export ... 导出。可以有很多成员导出。

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

import React, { Component } from 'react';

在 JavaScript 中，默认导入和命名导入是分开的，因此您不能像默认导入一样导入命名导入。下面，将名称 Component 设置为 'react' 包的默认导出(与 React.Component 不同) >:

import Component from 'react';