使用 Context 来管理 Modal
npm i vvmodal
import { antdModal, createGlobalModal, useModal, VVModalProvider } from "vvmodal";
import { Button, Modal } from "antd";
const Modal = createGlobalModal(() => {
const modal = useModal();
return (
<Modal {...antdModal(modal)}>
使用vvmodal管理modal状态
</Modal>
)
})
function App() {
return (
<VVModalProvider>
<Button onClick={() => Modal.show()}>点击展示</Button>
</VVModalProvider>
)
}
灵感来自于nice-modal-react