]>
Commit | Line | Data |
---|---|---|
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 | ||
9 | const App = React.createClass({ | |
10 | getInitialState() { | |
11 | return { | |
12 | open: false, | |
13 | }; | |
14 | }, | |
15 | setOpen({ open }) { | |
16 | this.setState({ open }); | |
17 | }, | |
18 | toggleOpen() { | |
19 | this.setState({ | |
20 | open: !this.state.open, | |
21 | }); | |
22 | }, | |
23 | render() { | |
24 | return ( | |
25 | <div> | |
26 | <button onClick={this.toggleOpen}>Toggle open</button> | |
27 | <TimePicker open={this.state.open} onOpen={this.setOpen} onClose={this.setOpen} /> | |
28 | </div> | |
29 | ); | |
30 | }, | |
31 | }); | |
32 | ||
33 | ReactDom.render( | |
34 | <App />, | |
35 | document.getElementById('__react-content') | |
36 | ); |