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