order | title | ||||
---|---|---|---|---|---|
11 |
|
传入 okButtonProps
和 cancelButtonProps
可分别自定义确定按钮和取消按钮的 props。
Passing okButtonProps
and cancelButtonProps
will customize the OK button and cancel button props.
import { Modal, Button } from 'antd';
export default () => {
const [visible, setVisible] = React.useState(false);
const showModal = () => {
setVisible(true);
};
const handleOk = e => {
console.log(e);
setVisible(false);
};
const handleCancel = e => {
console.log(e);
setVisible(false);
};
return (
<>
<Button type="primary" onClick={showModal}>
Open Modal with customized button props
</Button>
<Modal
title="Basic Modal"
visible={visible}
onOk={handleOk}
onCancel={handleCancel}
okButtonProps={{ disabled: true }}
cancelButtonProps={{ disabled: true }}
>
<p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p>
</Modal>
</>
);
};