新しいタイトル: トークンの残りの有効期限を計算して更新する
<p>React アプリケーションで Spotify トークンを 1 時間ごとに更新する必要があります (Spotify トークンは 1 時間有効です)。次のメソッドでは <strong>useEffect</strong> フックと <strong>setInteral</strong></p> が使用されていることがわかりました。
<pre class="brush:php;toolbar:false;">useEffect(() => {
const 間隔 = setInterval(() => {
// APIロジックを呼び出す
}、3600);
return () =>clearInterval(間隔);
}, [ユーザー])
<p>しかし、アプリを閉じて再度開くと、(古いトークンがまだ有効であっても) トークンを取得するための新しいリクエストが再度作成されます。そこで、残りの有効期限に基づいて新しいトークンを取得するために API 呼び出しを必要とする機能を実装しようとしています。この機能の実装方法。 </p>
<p>経過時間後の残りの有効期限を計算する関数も作成しました</p>
<pre class="brush:php;toolbar:false;">export const CalculateRemainingExpirationTime = ExpirationTime => {
const currentTime = new Date().getTime();
const newExpirationTime = 新しい日付(有効期限).getTime()
const 残り時間 = newExpirationTime - 現在の時間
return RemainingTime; //ミリ秒単位
};</pre>
<p>ページがリロードされたら、残りの有効期限を計算し、その時間に基づいて API を呼び出し、その後 1 時間ごとに API を呼び出して新しいトークンを取得する必要があります。 </p>
<p><strong>次の関数を実装する必要があります</strong></p>
<ol>
<li>ページがリロードされると、残り時間を計算し、残り時間に基づいて API を呼び出します</li>
<li>1 時間ごとに API を呼び出す</li>
</ol>
