将 `response.data` 值放入 `setState[]` 数组

Question

我想将 swr 数据放入 setState[] 我有这样的代码。

const { data } = useSWR('/api/data', fetcher);
const [contents, setcontents] = useState<Array<string>>([]);

如何编写代码将 data 放入 setcontents[]？

Answer 1

你不需要这样做。 data 已经是组件状态的一部分，SWR 正在为您管理它。您不需要将数据传输到另一个状态变量。

在任何您希望使用 contents 的地方使用 data，它将按您的预期工作。如果您愿意，可以为变量选择不同的名称：

const { data: contents } = useSWR(...)

Answer 2

你可以使用useEffect hook来解决这个问题。

useEffect(() => {
    setcontents(data);
  }, [data]);

Put the `response.data` value into the `setState[]` array