ES6-从一个文件到另一个文件的导入方法会出错

Question

我有一个 API utils 文件 React JS，其中声明了如下端点列表-

File1.js-

    export const api_endpoints = {

     api1: ()=> '../data/user'

    }

我想要来自 File1.js 的 api1() 在我的另一个文件（File2.js）中，因此我正在导入它，如下所示 -

import {api_endpoints} from '../File1';

const myObj = {

  [api_endpoints.api1()]: '../data/user2'

}

这给了我在 File2 中的错误说-

"cannot read property api1 of undefined"

我不确定为什么 api_endpoints 在 File2.js 中未定义。路径是正确的。有人可以帮助我理解这一点。

Answer 1

看起来您是从错误的路径导入的。尝试了上面的示例，它对我来说工作正常..https://codesandbox.io/s/objective-meninsky-7gbch?file=/src/File2.js