可以解构来自SWR查询的结果吗?

Question

我有一个非常简单的查询到一个外部API:

const fetcher = (...args) => fetch(...args).then(x=>x.json())
const {data:{results}, error} = useSWR("https://xxxxxxxxxxxxxxxx",fetcher)

每当我像这样使用它来解构data变量时，我都会得到一个错误，说"results"没有定义。我只能以"data.results"的形式访问结果，这是正常行为吗?

Answer 1

如果data没有解决，那么在构建时您就不能像那样解构。如果你用的是typescript，可能会更清楚。因为我打赌data一定是whateverType | null型的。null防止在编译时进行解构。

简而言之，只使用data。然后if (data.results) {}在运行时，然后。