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

wscourge:

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

例:

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文章。

wscourge:

default从ES6模块导入导出和命名导出的正确语法是传递default名称(无论需要什么)以及使用逗号分隔的命名非默认模块:

示例:index.js

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

在示例文件树中:

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章