Get value of promise returned by a function in React

Question

I am working on a ReactJs project.

I have a function that returns a promise with the user data {Promise < user >}. This function is called using window.myAuth.isUserLoggedIn() in the.tsx file.

The response can be seen in the console-

I want to store the value returned by this promise in some local variable of the tsx file.

How can i do this?

Answer 1

if you use functional component then you can use useState

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

If you use class component then you can use state object

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