useEffect の再実行: 関数を送信した後のガイドライン

Question

＃＃＃こんにちは、みんな！私のプロジェクトでは、useeffect でデータを取得する関数を実行していますが、firestore に新しい要素を追加するときに、リストに新しい要素が含まれるように useEffect を再度実行したいのですが、誰か提案をしてもらえますか?

リーリー

submitHandler を実行すると useeffect が再度実行され、リストが最新になるようにしたいです。

Answer 1

私の経験では、やりたいことを達成する最善の方法は、データ変更リクエストに対してバックエンドの差分を返し、それに応じて状態を変更することです。

リーリー

これにより、同じセッション内で同じデータの多くに対して大量のリクエストを行う必要がなくなります。

もちろん、複数のクライアント/ユーザーがバックエンド データを変更できる場合、またはエンドポイントの応答の内容を制御できない場合、このアプローチは理想的ではありません。

＃＃＃それが役に立てば幸い。

Answer 2

useEffect フックを再度実行する唯一の方法は、依存関係配列内の何かを変更するか、配列をまったく提供せず、props または state を変更してコンポーネントを再レンダリングすることです。 useEffect ドキュメントを参照してください

addDoc を呼び出した後、直接 fetchTodos を呼び出すことができます: リーリー