关于成功的反应查询不会触发

Question

我目前有一个无法解释的问题。我与React，TypeScript和React查询一起工作。 我工作的代码是双模式，当单击第二个垃圾按钮时，通过React查询启动调用，然后我们执行onSuccess。

如果我将挂钩呼叫移动到第一个模式中，则可以将其起作用。 如果我将Onsuccess从第二种模式移动到钩子中，它也可以工作。

但是我不明白为什么在这种情况下它不起作用... 有人有想法/解释吗？

提前致谢。

这是第一个模式下面的代码

import React from 'react'
import Button from '../Button'
import SecondModal from '../SecondModal'

interface FirstModalProps {
    isOpen: boolean
    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>
    id?: string
}

const FirstModal = ({ id, isOpen, setIsOpen }: 
FirstModalProps) => {
    const [openRefuse, setOpenRefuse] = React.useState<boolean>(false)

return (
    <>
        <SecondModal isOpen={openRefuse} setIsOpen={setOpenRefuse} id={id} />
        <Button
            onClick={() => {
                setIsOpen(false)
                setOpenRefuse(true)
            }}
            text="refuse"
        />
    </>
)}

export default FirstModal

，然后是第二模式的代码

import React from 'react'
import ConfirmModal from '../../../../../shared/styles/modal/confirm'
import useUpdate from '../../hooks/use-update'

interface SecondModalProps {
    isOpen: boolean
    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>
    id?: string
}

const SecondModal = ({ isOpen, setIsOpen, id }: SecondModalProps) => {
const { mutate: update } = useUpdate()

const updateT = () => {
    update(
        {
            id
        },
        {
            onSuccess: () => {
                console.log('OnSuccess trigger')
            }
        }
    )
}

return (
    <ConfirmModal
        close={() => {
            setIsOpen(false)
        }}
        isOpen={isOpen}
        validate={updateT}
    />
)}

export default SecondModal

，然后是钩子

import { useMutation } from 'react-query'

interface hookProps {
    id?: string
}

const useUpdate = () => {
const query = async ({ id }: hookProps) => {
    if (!id) return
    return (await myApi.updateTr(id))()
}

return useMutation(query, {
    onError: () => {
        console.log('error')
    }
})}

export default useUpdate

Answer 1

回电传递到.mutate函数仅在请求完成时仍在座位安装时执行。相反，始终执行usemuont的回调。这是在此处记录，我也写过关于它在我的博客中>。