获取 React 中函数返回的 promise 的值

Question

我正在做一个 ReactJs 项目。

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

可以在控制台中看到响应-

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

我该怎么做？

Answer 1

如果你使用功能组件，那么你可以使用useState

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

如果你使用类组件，那么你可以使用state object

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