]>
Commit | Line | Data |
---|---|---|
71c3a196 | 1 | /* eslint no-console:0 */ |
2 | ||
3 | import 'rc-time-picker/assets/index.less'; | |
4 | ||
5 | import React from 'react'; | |
6 | import ReactDom from 'react-dom'; | |
7 | import TimePicker from 'rc-time-picker'; | |
8 | ||
3ab3a128 | 9 | class App extends React.Component { |
10 | state = { | |
11 | open: false, | |
12 | }; | |
13 | setOpen = ({ open }) => { | |
e3583f75 | 14 | this.setState({ open }); |
3ab3a128 | 15 | } |
16 | toggleOpen = () => { | |
71c3a196 | 17 | this.setState({ |
18 | open: !this.state.open, | |
19 | }); | |
3ab3a128 | 20 | } |
71c3a196 | 21 | render() { |
22 | return ( | |
23 | <div> | |
24 | <button onClick={this.toggleOpen}>Toggle open</button> | |
25 | <TimePicker open={this.state.open} onOpen={this.setOpen} onClose={this.setOpen} /> | |
26 | </div> | |
27 | ); | |
3ab3a128 | 28 | } |
29 | } | |
71c3a196 | 30 | |
31 | ReactDom.render( | |
32 | <App />, | |
33 | document.getElementById('__react-content') | |
34 | ); |