在Antd Modal中，当我们使用自定义hook来管理状态时，可能会遇到不能正确响应状态更改的问题。这是由于React的更新机制所导致的。

解决这个问题的方法是使用React的useEffect钩子来监听状态的变化，并在状态变化时手动更新Modal的可见性。

下面是一个示例代码，演示了如何使用useEffect来解决这个问题：

import React, { useState, useEffect } from 'react';
import { Button, Modal } from 'antd';

function useCustomHook() {
  const [isVisible, setIsVisible] = useState(false);

  const showModal = () => {
    setIsVisible(true);
  };

  const hideModal = () => {
    setIsVisible(false);
  };

  return {
    isVisible,
    showModal,
    hideModal,
  };
}

function App() {
  const { isVisible, showModal, hideModal } = useCustomHook();

  useEffect(() => {
    // 手动更新Modal的可见性
    Modal.update({
      visible: isVisible,
    });
  }, [isVisible]);

  return (
    

      打开Modal
      
        
这是一个Antd Modal示例。
      
    
  );
}

export default App;

在上面的代码中，我们使用了一个自定义hook useCustomHook 来管理Modal的可见性状态。然后，我们在App组件中使用useEffect来监听 isVisible 状态的变化，并在状态变化时手动更新Modal的可见性。

这样，无论我们在自定义hook中如何更改 isVisible 状态，Modal都会正确响应状态的变化。