React-Query，尽管响应 204，但突变错误

Question

我正在尝试将我的 api 的删除方法与 react-query 一起使用。我试过这个：

const { isLoading, mutate } = useMutation(() => api.remove(path, item.id), {
    onSuccess: () => {
        openModal();
        refetchData();
    },
});

...

<button onClick={() => mutate()}>Remove element</button>

但是当它执行时我收到了这个错误信息：

SyntaxError: Unexpected end of JSON input at Api.tsx:104

这不是我的api的问题，因为尽管有这个错误消息，数据库上的操作已经完成。 我已经在 Insomnia 上对其进行了测试，它正在工作，我得到了 204。

我的代码有什么问题吗？

提前感谢！

Answer 1

你没有显示 api.remove 正在做什么，所以我不得不猜测那里有一些 json 解析错误。

react-query 不关心状态码，它关心已解决的承诺（结果为success 状态）或被拒绝的承诺（结果为error 状态）。如果您的客户端 api 函数有一些 javascript 运行时错误，则会因此而导致错误状态。