Question

我的目标是在函数 (showCustomModal) 调用（如 Modals.confirm）之后显示自定义 antd 模式。

CustomModal.tsx：

export function showCustomModal() {
  return <Modal>custom modal</Modal>
}

组件.tsx

import { showCustomModal } from 'CustomModal'

const Component= () => {
   
  const showModal = () => {
     showCustomModal()
  }

  return <button onClick={showModal}>show modal</button>
}

Answer 1

最后需要调用React组件作为回报，这里你要做的是使用状态来控制何时显示组件。

import { showCustomModal } from 'CustomModal'

const Component= () => {
  const [show, setShow] = useState(false);
  return (
    <>
      <button onClick={setShow(true)}>show modal</button>
      {show && <showCustomModal />}
    </>
  )
}

函数调用后如何渲染反应组件？

1 个答案: