Question

我从./list导出了一系列功能：

export default {
  f1: a,
  f2: b,
  f3: c
}

其中a，b，c是单独的函数，并尝试将其中一个函数导入另一个文件：

import { f1 } from './list';

但f1()在新文件中为undefined。如果我导入为：

import list from './list';

然后调用list.f1()来定义它。

如何按定义导入{ f1 }？

Answer 1

你可以这样做

export {
  a as f1,
  b as f2,
  c as f3
}

要明确了解，您可以查看this export doc

Answer 2

导入时可能不需要括号

import test from "./alphaTest";
test.f1();


export default{
  f1: function a(){
    alert('a')
  },
  f2: function b(){
    alert('b')
  },
  f3: function c(){
    alert('c')
  }
}

选中此DEMO

JS ES6：导入{functionName}未定义

2 个答案: