代码拉取完成,页面将自动刷新
请问 Dialog 弹出框 如何点击确认按钮后不关闭弹窗?
使用的什么方式?
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
函数式:
function ImperativeDialog() {
return (
<>
<Dialog id="dialog" />
<Cell
title="提示弹窗"
clickable
bordered
rightIcon={<ArrowRight />}
onClick={() => Dialog.alert("提示")}
/>
</>
)
}
组件式:
function TextDialog() {
const [open, setOpen] = useState(false)
return (
<>
<Cell
title="提示弹窗"
clickable
bordered
rightIcon={<ArrowRight />}
onClick={() => setOpen(true)}
/>
<Dialog open={open} onClose={setOpen}>
<Dialog.Content>提示</Dialog.Content>
<Dialog.Actions>
<Button onClick={() => setOpen(false)}>确认</Button>
</Dialog.Actions>
</Dialog>
</>
)
}
非常感谢您的答复,使用的是组件式的方式。
目前想达到的效果是,点击确认按钮后,对话框 不自动关闭 。
// 点击确认后会关闭对话框
<Button onClick={() => setOpen(false)}>确认</Button>
// 点击确认后也会关闭对话框
<Button onClick={() => setOpen(true)}>确认</Button>
// 点击确认后同样会关闭对话框
<Button onClick={() => {}}>确认</Button>
请问有什么方式可以 不自动关闭 对话框吗?
你好,已经升级到 '0.0.20-alpha.0' 版本了,但是点击 确认 按钮的时候,还是会自动关闭对话框
如下代码:
function TextDialog() {
const [open, setOpen] = useState(false)
return (
<>
<Cell
title="提示弹窗"
clickable
bordered
rightIcon={<ArrowRight />}
onClick={() => setOpen(true)}
/>
<Dialog defaultOpen={false} open={open} onClose={setOpen}>
<Dialog.Content>提示</Dialog.Content>
<Dialog.Actions>
<Button onClick={() => setOpen(false)}>取消</Button>
<Button onClick={() => {}}>确认</Button>
</Dialog.Actions>
</Dialog>
</>
)
}
登录 后才可以发表评论