如何從 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));