Next.js使用SWR混淆答案

【问题标题】：Next.js useSWR confusionNext.js使用SWR混淆
【发布时间】：2023-02-04 13:48:45
【问题描述】：

我正在尝试使用 useSWR 方法将参数作为 body 参数传递给 fetcher。我有以下内容，并且有一个未定义的错误。

const fetcher = (url: string, someBodyArgument: string) => fetch(url, {
    body: JSON.stringify({someBodyArgument})
  }).then(res => res.json())
  
const { data, error, isLoading } = useSWR(["/api/test", "bleh"], fetcher)
if (error) return <div>Failed to load API</div>
if (isLoading) return <div>Loading</div>
if (!data) return null

没有数组中的第二个参数，一切正常，但每次出于某种原因添加第二个参数时，我都会收到“加载 API 失败”——尽管有以下文档。

【问题讨论】：

标签： javascript typescript next.js

【解决方案1】：

问题可能出在您构建 POST 请求正文的方式上。在你的 fetcher 函数中，你使用 someBodyArgument 作为对象中的键，而不是使用它的值，它应该是这样的

body: JSON.stringify({ argument: someBodyArgument })

【讨论】：