mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 13:37:52 +08:00
791 B
791 B
order | title | ||||
---|---|---|---|---|---|
6 |
|
zh-CN
在 TimePicker 选择框底部显示自定义的内容。
en-US
Render addon contents to timepicker panel's bottom.
import { TimePicker, Button } from 'antd';
class TimePickerAddonDemo extends React.Component {
state = { open: false };
handleOpenChange = (open) => {
this.setState({ open });
}
handleClose = () => this.setState({ open: false })
render() {
return (
<TimePicker
open={this.state.open}
onOpenChange={this.handleOpenChange}
addon={() => (
<Button size="small" type="primary" onClick={this.handleClose}>
Ok
</Button>
)}
/>
);
}
}
ReactDOM.render(<TimePickerAddonDemo />, mountNode);