How to resolve a promise after react hooks setState complete?

user_12262360 0
Viewed 8992

I need to resolve the promise after setState complete but in react hooks setState (useState) does not have a callback function.

React hooks version of this code:

handleBeforeGetContent = () => {
    return new Promise((resolve, reject) => {
        this.setState({ key: 'updatedValue' }, () => resolve());
    });
}
promise setstate react-hooks reactjs
2 Answers

You can use async function inside the useEffect like below.

  const [isLoadingComplete, setLoadingComplete] = React.useState(false);


  React.useEffect(() => {
        async function loadDataAsync() {
          try {    
            await loadAsyncSomething();
          } catch (e) {
            console.warn(e);
          } finally {
            setLoadingComplete(true);
          }
        }

        loadDataAsync();
      }, []);
user_51020900

You can use useEffect that runs every state changes bypassing the desired state you want observe as an argument in useEffect.

React.useEffect(() => {
    //your callback function can be executed here after the updatedValue updated
  }, [updatedValue]);
user_61439870
Related