国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

UseEffect によってトリガーされる無制限の API 呼び出し
P粉501683874
P粉501683874 2023-09-20 20:50:56
0
1
686

コンポーネント FrindListWidget が 2 つの條件で呼び出される MERN プロジェクトを構(gòu)築しました。

  1. それがユーザー自身の フレンド リスト の場合、ウィジェットがレンダリングされ、Redux user.friends のステータスが更新されます。
  2. 別のユーザーの場合は、ウィジェットのみが表示されます。 Redux の狀態(tài)は更新されません。

Friend には、Friend を追加または削除する も含まれています。 どうやら、Chrome デベロッパー ツールの [ネットワーク] タブを確認(rèn)するまでは、すべてが正常に動作していたようです。 friends が無限回呼び出されていることがわかりました。明確にするために、console.log("friends",friends); と書きました。はい、何度も録音されています。 次のコードを共有します:

FriendListWidget.jsx

リーリー

Friend.jsx

リーリー

userRequest は単なる axios メソッドです:

リーリー

useEffect フックの依存関係を削除してみました:

リーリー

ただし、レンダリングは 1 回だけです。実行時に を介した更新は表示されません。更新を確認(rèn)するにはウィンドウをリロードする必要があります。

P粉501683874
P粉501683874

全員に返信(1)
P粉156532706

useEffect に挿入したユーザーのリストを更新する getFriends() 関數(shù)を呼び出していると仮定します。したがって、useEffect 自體を無限に更新するため、useEffect を別の値に依存させるようにしてください。

リーリー

このケースでは、私は個人的にreact-queryを使用し、enabled屬性を使用してAPIを再度呼び出すタイミングを決定しますが、ロジックに重大な問題があり、理解できません。 CodeSandBox などのプラットフォームを使用して作成してください。問題の再現(xiàn)可能な最小限の例があれば、より適切にサポートできるようになります。

最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート