我在制作一些 useQuery 链接获取数据时遇到问题,我已经询问过但无法使其工作,
有一个我想从 API 获取的类别列表, axios.get("categories") 然后我想根据类别列表获取子类别: axios.get("tutorials/{categoriesName}")
我想使用 UseQuery 钩子,这样我就可以处理缓存并停止不必要的重新渲染,我已经通过简单的 useEffect 完成了这一点,但网站渲染速度很慢,所以我想学习 useQuery 方法,
function AllCategories() {
const { isLoading, error, data, isFetching } = useQuery("categories", () =>
axios.get("/categories").then((res) => res.data)
);
console.log(data);
if (isLoading) return "Loading...";
if (error) return "An error has occurred: " + error.message;
//there are like 5 MAIN categories which i have used useQuery to fetch and handle Caching ,
//here i want to get the subcategories from each Main Category , can i …Run Code Online (Sandbox Code Playgroud)