javascript - ‘import’ 的这些不同用法代表什么？

Question

我是 React 的新手，我对“导入”语句的编写方式有些困惑。到目前为止，我已经看到了这 4 种样式:

/* 这对我来说很清楚 - 这里没有问题 */
从“ react ”导入 react ；

/* ListContacts 前面的“./”是什么意思？ */
从“./ListContacts”导入 ListContacts

/* 这个导入语句中的“*”和“as”是什么意思？ */
import * as ContactsAPI from './utils/ContactsAPI'

/*这个导入语句中的 { } 是什么意思？ */
从 'react-router-dom' 导入 { BrowserRouter }

非常感谢您的宝贵时间

Answer 1

import ListContacts from './ListContacts'

'./' 表示它是一个不在 node_modules 中的组件。通常是您自己构建的。

import * as ContactsAPI from './utils/ContactsAPI'

* 表示您正在导入所有命名导出(因此您可以按名称使用它们)

import { BrowserRouter } from 'react-router-dom'

{ BrowserRouter } 意味着您只是从多个命名导出中导入名为 BrowserRouter 的组件。