Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | 1x 1x 1x 1x | import React, { Fragment, useState } from "react"; import { Modal } from "@tencent/tea-component/lib/modal"; import { Button } from "@tencent/tea-component/lib/button"; export default function ModalEscExample() { const [visible, setVisible] = useState(false); const open = () => setVisible(true); const close = () => setVisible(false); return ( <Fragment> <Button onClick={open}>打开</Button> <Modal disableEscape visible={visible} caption="对话框标题" onClose={close} > <Modal.Body>按 ESC 不会关闭</Modal.Body> <Modal.Footer> <Button type="primary" onClick={close}> 确定 </Button> <Button type="weak" onClick={close}> 取消 </Button> </Modal.Footer> </Modal> </Fragment> ); } |