首页 > 解决方案 > 获取 React 中函数返回的 promise 的值

问题描述

我正在做一个 ReactJs 项目。

我有一个函数返回一个带有用户数据 {Promise < user >} 的承诺。window.myAuth.isUserLoggedIn()使用.tsx 文件调用此函数。

可以在控制台中看到响应- 在此处输入图像描述

我想将此承诺返回的值存储在 tsx 文件的某个局部变量中。

我怎样才能做到这一点?

标签: javascriptreactjstypescript

解决方案


如果您使用功能组件,那么您可以使用useState

// This is declaration
const [loginInfo, setLoginInfo] = useState({});
// in .then() you can set the loginInfo
setLoginInfo(response.data);

如果您使用类组件,那么您可以使用state对象

// in constructor
this.state = {
   loginInfo = {}
}
// in .then() you can set the loginInfo
this.state({loginInfo: response.data});

推荐阅读