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

Question

我正在尝试将我的 api 的删除方法与反应查询一起使用。我试过这个：

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 运行时错误，它会因此导致错误状态。

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

React-Query, error on mutation despite response 204

reactjs

api-platform.com

react-query