reactjs - Axios 返回承诺不会破坏与 zustand 反应的数据

Question

我目前正在尝试让 axios 在反应钩子应用程序中运行。基本的 get 请求工作正常并提供了预期的结果，但问题来了：

我正在使用“zustand”进行应用程序状态管理，并建立了一个中央 backendService.js，我在其中声明了我的异步 axios 函数“getHome()”。console.log(response.data); 打印预期的数据。

export const [useBackendStore, backendApi] = create((set, get) => ({
 env: environments.local, //is declared above
 home: null,


 getHome: async () => {
  return axios({ method: 'get', url: get().env + '/home/clean' })
  .then(response => {
    set({ home: response.data });
    console.log(response.data);
    return response.data;
  })
  .catch(error => {
    console.log(error);
  });

},

我现在想从另一个文件调用 getHome 函数并首先记录结果。

  const data = backendApi.getState().getHome();
  console.log(data);

现在我不明白的部分：console.log 给了我这个

  Promise {<pending>}
  __proto__: Promise
  [[PromiseState]]: "fulfilled"
  [[PromiseResult]]: Object

PromiseResult 具有预期的对象，但我不知道如何访问它。

我对后端开发很陌生，所以如果我犯了任何明显的错误，请原谅我:) 感谢您的帮助！