如何从 next.js/react.js 中的 reactQuery/useQuery 中解构嵌套数据

Question

const {
  isLoading,
  data: products,
  refetch,
} = useQuery(["products"], () =>
  axios.get(
    `https://product-bazar.herokuapp.com/api/v1/public/product`
  )
);

如何在此查询操作中从数据中销毁数据，例如：[data?.products]

Answer 1

您可以从响应数据中破坏嵌套数据。 下面给出的例子：

const { isLoading, data: products, refetch, } = useQuery(["products"], () => axios.get( https://product-bazar.herokuapp.com/api/v1/public/product ).then ((res) => res.data?.products));