--- order: 11 title: zh-CN: 自定义页脚按钮属性 en-US: Customize footer buttons props --- ## zh-CN 传入 `okButtonProps` 和 `cancelButtonProps` 可分别自定义确定按钮和取消按钮的 props。 ## en-US Passing `okButtonProps` and `cancelButtonProps` will customize the OK button and cancel button props. ```jsx import { Modal, Button } from 'antd'; class App extends React.Component { state = { visible: false }; showModal = () => { this.setState({ visible: true, }); }; handleOk = e => { console.log(e); this.setState({ visible: false, }); }; handleCancel = e => { console.log(e); this.setState({ visible: false, }); }; render() { return ( <div> <Button type="primary" onClick={this.showModal}> Open Modal with customized button props </Button> <Modal title="Basic Modal" visible={this.state.visible} onOk={this.handleOk} onCancel={this.handleCancel} okButtonProps={{ disabled: true }} cancelButtonProps={{ disabled: true }} > <p>Some contents...</p> <p>Some contents...</p> <p>Some contents...</p> </Modal> </div> ); } } ReactDOM.render(<App />, mountNode); ```