useEffect を使用しない rtk クエリ

Question

RTK クエリを使用する場合、マウント上でクエリを実行するためにエフェクトを使用する必要がありますか?

React Query はマウント中にクエリを実行しても効果がありません。同様の動作があるかどうか疑問に思いませんか?

const コンポーネント = ({ id }) => {
  const [postCheckApplication, { data }] = usePostCheckApplicationMutation();

  useEffect(() => {
    postCheckApplication({ application_id: id });
  }, [id]);

  console.log(data);

Answer 1

RTK クエリでは、マウント上でクエリを実行するために useEffect は必要ありません。

RTK クエリは、クエリの実行とキャッシュを自動的に処理します。生成されたエンドポイント関数を呼び出すだけで、リクエストの送信とレスポンスの受信が可能になります。

上記のコードに基づいて、次のようにコードを最適化できます。

リーリー