0

私はreact-queryAPIを呼び出すために使用しています。呼び出しは適切に機能し、入力フィールドでクエリ値が更新されるたびに実行されます。
残念ながら、クエリが空の場合でも API 呼び出しがトリガーされます。

たとえば、ユーザーがアプリをロードすると、入力 (したがってクエリ) は空白になります。

クエリがある場合にのみ API 呼び出しをトリガーする方法は?

コード

// API call
export async function myQuery(query) {
  try {
    const res = await ax.get("myapiurl", {
      params: { query },
    });
    return res.data;
  } catch {
    return null;
  }
}

// react-query
const { status, data } = useQuery(
  ["myquery", { query }],
  () => myQuery(query)
);
4

2 に答える 2