React コードで予期しない Spotify API 応答が発生する

Question

私は Spotify API を使用して React でアプリを作成しています。

まず、clientID と clientSecret を使用してアクセス トークンを取得します。 次に、このトークンを使用して userID を取得しようとしています。ドキュメントには、get リクエストを作成し、トークンをヘッダーとして渡す必要があると記載されています。

問題は、応答として常に 401 エラー コードが返されることです。ドキュメントには、このエラーはトークンの有効期限が切れていることが原因である可能性があると記載されています。しかし、私のコードでは、トークンを取得した直後にユーザーIDを取得しようとしています。

2 番目の質問は、React でのリクエストの作成についてです。ご覧のとおり、これを実現するために useEffect フックを使用しましたが、これが正しいアプローチかどうかはわかりません。また、2 番目のリクエストのやり方が正しくないと感じます (useEffect 内の if ステートメント)。

ご協力をよろしくお願いいたします。

追記: apiKey と apiSecret はグローバル変数で、最初のリクエストは正常に動作し、有効なトークンが返され、曲を検索するための別の get リクエストの作成に正常に使用されました。

リーリー

Answer 1

コードは正しい方向に進んでいるように見えますが、問題はトークンの処理方法とユーザー ID の 2 回目の要求がいつ行われるかに関係している可能性があります。さらに、2 つの useEffect フックを使用する必要はありません。

リーリー