useModal / 对话框绑定

useModal 提供对 Modal 组件的自动绑定功能,这可以有效减少模板代码量并提高开发者体验。使用此 hooks 与你手动添加 React.useState 以绑定组件的行为完全一致。

此工具额外支持绑定 Select 组件

基础的

使用 Hooks 控制 Modal 组件

APIs / 接口文档

useModal

type useModal = (initialVisible: boolean) => {
  visible: boolean
  setVisible: Dispatch<SetStateAction<boolean>>
  setVisible: Dispatch<SetStateAction<boolean>>
  currentRef: MutableRefObject<boolean>
  bindings: {
    visible: boolean
    onClose: () => void
  }
}