反应查询 useMutation + axios 帖子保持返回数据为“未定义”

Question

我是反应查询的新手。 我正在尝试将它与 axios 一起使用来发布数据，虽然后端中的数据已成功更新，但反应查询一直将数据输出为未定义，这是一个问题，因为我试图从 API 调用中获取反馈

 const {mutate, isLoading} = useMutation(() => {postFunction(rowData)}, { onSuccess: data => { console.log(data) alert(data['message']) }, onError: data => { alert(data['message']) } })

对于上下文，用于发布数据的 axios function 如下所示：

 async function editEventLines(data){ const response = await axios.post(`/api/saleOrders/updateEvent`, {data: data, pk:id}) console.log(response.data) return response.data }

来自 useMutation 的变异 function 通过 React 中的按钮组件调用：

 <Button loading = {isLoading} disabled = {disabled} onClick = {mutate}> Save Changes </Button>

如果您看到console.log语句，似乎useMutation function中的console.log在axios ZC1C425268E68385D1AB5074C17A94F1中的console.log之前被调用，我认为为什么未定义数据在console. 你们知道我为什么会遇到这个问题吗？

Answer 1

您应该在 useMutation 挂钩中返回您的突变 function 。 通过将其包裹在括号中， function 不会返回 promise ，它应该如文档中所述。

... = useMutation(() => postFunction(rowData), ...