我在React JS中导入时遇到问题

Question

我遇到了导入错误，我不明白为什么您不能帮助我。

我的import语句如下所示，我一直在使用此方法，没有任何问题，但是在这种情况下不会发生任何帮助

import * as agent from '../src/api/agent'

and I am exporting from the agent.js file the following 

import axios from 'axios';

axios.defaults.baseURL = 'http://localhost:5000/api';

const responseBody = (response) => response.data;

const requests = {
    get: (url) => axios.get(url).then(responseBody),
    post: (url, body) => axios.post(url, body).then(responseBody),
    put: (url, body) => axios.put(url, body).then(responseBody),
    del: (url) => axios.delete(url).then(responseBody),
};

const MaskDetails = {
    list: () => requests.get('/maskdetails'),
    details: (id) => requests.get(`/maskdetails/${id}`),
    create: (maskDetail) => requests.post('/maskdetails', maskDetail),
    update: (maskDetail) => requests.put(`/maskdetails/${maskDetail.id}`, maskDetail),
    delete: (id) => requests.del(`/maskdetails/${id}`)

};



export default { MaskDetails }

Answer 1

不确定100％，但尝试在agent.js中这样导出

export default MaskDetails;

而且似乎您只导出maskDetails，所以为什么

import * as agent from '../src/api/agent'

代替

import agent from '../src/api/agent'

Answer 2

如果您这样导出

export default { MaskDetails } <<<以MaskDetails为键的导出对象

并导入

import * as agent from '../src/api/agent' <<<导入所有导出的内容，因此export default将在agent.default

访问MaskDetails的过程类似于agent.default.MaskDetails