如何析構來自 useQuery 的響應

Question

我有一個 useQuery 鈎子，它調用一個 api 並返回如下響應：

return {
  title : response?.data?.[0]?.title,
  desc: response?.data?.[0]?.desc,
}

我有這樣的 useQuery ：

const {data: content} = useQuery('entitle', apiCall)

在這里，我試圖像這樣破壞這些數據：

const {data: {title : [], desc: []}}  = useQuery('entitle', apiCall)

現在，它給出了在使用它時無法讀取未定義的屬性標題。 我怎樣才能解決這個問題 ？

Answer 1

先做

const {
  data
} = useQuery('entitle', apiCall)

console.log(data)

請檢查data是否具有您期望的結構。 如果請求正常完成，那么我想您一定希望日志看起來像這樣。

{
  title: "something",
  desc: "something-else"
}

如果對象的結構不是這樣，或者你得到undefined 。 然后你遇到了請求或鈎子調用的問題，不知何故，查詢沒有返回你想要的。

如果結構是您期望的結構，那么請在您的帖子評論中寫下Phil之前寫的內容。

const {
  data: {
    title = [],
    desc = []
  }
} = useQuery('entitle', apiCall)

Answer 2

不要把事情復雜化

const {data} = useQuery('entitle', apiCall)
const {title=[], desc=[]} = data