async await の使い方 あってますか？

Question

async/awaitを使って通信を行っているのですが。
１ではサーバーに対してログインの情報を送りjwtが返ってきます。
この通信が完璧に終わってから2に移りたいのですがうまくいきません
書き方間違っていますか？

コード
const asynchronous = useCallback(async() => {
    return userLogin({payload:{
      loginId: mail,
      password
    }
   })
  },[userLogin,mail,password])
  const login = useCallback(async() => {
    await asynchronous()　                ...1
    hideModal()　　　　　　　　　　　　　　　　...2
    history.push('/main')　
   },[asynchronous,hideModal,history])

Answer 1

loginの部分に、then 処理を追加して、その中で実行させることで非同期処理が可能になります。
その際は、catch を末尾に追加して、エラー処理も入れると良いと思います。

const login = useCallback(async() => {
  await asynchronous()    // ...1
  .then((req) =>{
    if(req.status == 200 && req.chack == "success"){
      hideModal();     // ...2
    }else{
      console.log(req.status, req.chack);
    }
  })
  .catch((error) => {
    console.error(error);
  })
  history.push('/main')　
  },[asynchronous,hideModal,history])

Comments

[jack-low]

補足
`req.status`部分は、適当に決めたので、返ってくる値で比較して下さい。