ES6-从一个文件导入到另一个文件的方法产生错误

Question

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

File1.js-
    export const api_endpoints = {
     api1: ()=> '../data/user'
    }

我想要另一个文件（File2.js）中File1.js中的api1（），因此我要像下面这样导入它-

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

Answer 2

您可能刚刚将其复制错了，但是您导入了{api1_endpoints}，但要求输入api_endpoints