如何从 ES6 模块导入默认模块和命名模块

Question

从 ES6 JavaScript 模块导入

default

和命名资源的正确语法是什么？

示例：

export const defaultBrowser = 'Chrome';

export default [
  { value: 0, label: defaultBrowser },
  { value: 1, label: 'Firefox' },
  { value: 2, label: 'Safari' },
  { value: 3, label: 'Edge' },
];

如何一次性完成

import

？

---

它不是 何时应该使用大括号进行 ES6 导入？的重复，它更具体，要求单个

import

用例，而不是

import

文章。

Answer 1

从 ES6 模块导入

default

和命名导出的正确语法是传递

default

名称（无论想要什么），以及用逗号分隔的命名非默认模块：

示例：index.js

import browsers, { otherValue } from './browsers';

在示例文件树中：

.
└── src
    ├── browsers.js
    └── index.js

现实生活中经常遇到的例子：

import React, { useState, useEffect } from 'react';