vvmodal

vvmodal

使用 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