WebAPIにPOSTした結果を使用してさらにPOSTをしたい

Question

実現したいこと

APIの仕様は

/login　にID を POSTしてそのレスポンスにTOKEN入っている
/auth に AuthorizationヘッダーにID:TOKENの形でPOSTする.

httpライブラリのAxiosをもちいてこれを実現したい

わからないこと

今は

axios
  .post(url + '/login', {id: id})
  .then( /* ここでレスポンスのtokenとIDをsetState()する */ )
  .catch()

const headers = // setStateされている Token と IDを使ってheaderを作成する.
axios
  .post(url + '/auth', null, headers)
  .then()

を二つにわけて処理をしているのですが, このような形ではなく, 一つ目の /loginにPOSTする際の .then()の中で /authにPOSTする形の方がいいのでしょうか
どちらがいいのか, または他の方法の方が良いのか教えていただけたら幸いです.

Answer 1

.then()の中で /authにPOSTする形が良いと思います

スッキリさせたいのであればasync/awaitを活用するといいと思います
exampleの一番下にいい例が乗ってるので参考にしてもらえれば

Comments

[kyoya0819]

MarkDown文法に則り以下の記法でリンクを貼られることをお勧めいたします。
[https://github.com/axios/axios/blob/master/README.md#example](https://github.com/axios/axios/blob/master/README.md#example)