模态框
对于简单的添加、编辑等页面,你可以使用弹窗的方式来显示内容。dux-refine 的模态框组件使用了 TDesign Dialog 进行了封装,并支持异步加载组件。
引入组件
普通弹窗
你可以通过将一个元素设置为触发器,点击该元素时弹出一个窗口来显示子组件的内容。
异步弹窗
通过使用 component 参数,你可以异步加载子组件。当弹窗被打开时,子组件会被渲染。
同时,你可以在子组件中使用 useModal 上下文钩子来关闭当前的弹窗等操作。
在弹窗的内容中,你可以使用 Footer 组件来布局底部的组件。
组件参数
titlestring
undefined
triggerReactElement
undefined
childrenReactNode | ((close: () => void) => ReactNode)
undefined
component() => Promise<{ default: ComponentType<any> }>
undefined
componentPropsRecord<string, any>
undefined
defaultOpenboolean
undefined
openboolean
undefined
onClose() => void
undefined