Javascript axio。获取不同文件中的数据

我希望你能帮助我

我试图从一个API获取响应，并在另一个文件中使用该信息

我有3个文件：

api.jsx

url.jsx

渲染中的app.js

    const data = {
      email: 'hello@world.com',
      password: '12345',
      };

    let result = api(URL.users.login, data);

    console.log(result);

在api文件中，我得到了正确的响应，但在react组件编号中。我知道这是一个同步问题，因为我首先得到了app.jsx的控制台，然后是api.jsx的控制台，但我希望尊重当前的结构或做一些类似的事情

你知道如何在不做太多改动的情况下解决这个问题吗

还有，很抱歉弄得一团糟。我试图突出显示所有代码，但由于某些原因，它无法正常工作。

您想在api.jsx中返回一个承诺吗

api.jsx

导出常量api=url，数据=>{ 常量{path，method}=url return-axios{//axios调用返回一个承诺，因为它的 方法:方法,， url:path， 数据：数据 } .thenres=>{ 返回res.data； } .catcherr=>{ console.error } } 您希望在api.jsx中返回一个承诺

api.jsx

导出常量api=url，数据=>{ 常量{path，method}=url return-axios{//axios调用返回一个承诺，因为它的 方法:方法,， url:path， 数据：数据 } .thenres=>{ 返回res.data； } .catcherr=>{ console.error } }

    export const URL = {
    users:
        {
            getAllUsers: { path:'/users', method: 'post'},
            login: { path:'/login', method: 'post'},
            register: { path:'/register', method: 'post'},
            version: { path:'/', method: 'get'},
        }

}

    const data = {
      email: 'hello@world.com',
      password: '12345',
      };

    let result = api(URL.users.login, data);

    console.log(result);