我们可以使用useEffect钩子来重定向到另一个页面，在这里我找到了一个使用自定义钩子的解决方案：

import { UseMutationResult } from '@tanstack/react-query';
import { useEffect } from 'react';
import { To, useNavigate } from 'react-router-dom';

export const useRedirectAfterMutation = <T, U>({
  mutation,
  navigateTo,
}: {
  mutation: UseMutationResult<T, Error, U, unknown>;
  navigateTo: To;
}) => {
  const navigate = useNavigate();

  useEffect(() => {
    if (mutation.isSuccess && !!navigateTo) {
      navigate(navigateTo);
    }
  }, [mutation.isSuccess, navigate, navigateTo]);

  return mutation.mutateAsync;
};

const App = () => {
  const createCategoryMutation = useCreateCategoryMutation();
  const createCategoryMutate = useRedirectAfterMutation({
    mutation: createCategoryMutation,
    navigateTo: 'url',
  });

  return (
    <div>
      <button onClick={() => {
        createCategoryMutate()
      }}>redirect after mutation</button>
    </div>
  )
}

您可以使用useMutation挂钩，然后在选项中使用onSuccess选项进行导航。

const navigate = useNavigate();
const { mutate } = useMutation((log) => console.log)

mutate('mutating', {
  onSuccess: () => {
        navigate('/url') //your url
      },
})