如何从ES6模块导入默认和命名[重复]

Question

从ES6JavaScript模块导入default和命名资源的正确语法是什么？

例子：

export const defaultBrowser = 'Chrome';

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

如何一次导入？

它不是什么时候我应该使用花括号进行ES6导入的重复？，它更具体，要求一个单一的导入用例，而不是一篇导入文章。

Answer 1

从ES6模块导入default和命名导出的正确语法是传递default名称（任何人想要的），并命名，而不是用逗号分隔的默认模块：

示例：index.js

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

在示例性文件树中：

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

经常遇到的现实例子：

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