ant-design/components/time-picker/demo/value.md

36 lines
530 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
order: 1
title:
2016-07-26 11:03:44 +08:00
zh-CN: 受控组件
2016-11-11 16:06:11 +08:00
en-US: Under Control
2016-03-31 09:40:55 +08:00
---
2015-12-08 14:55:28 +08:00
2016-07-26 11:03:44 +08:00
## zh-CN
2015-12-08 14:55:28 +08:00
value 和 onChange 需要配合使用。
2016-07-26 11:03:44 +08:00
## en-US
2016-11-11 16:06:11 +08:00
`value` and `onChange` should be used together,
2016-07-26 11:03:44 +08:00
2017-01-19 15:19:03 +08:00
````__react
import { TimePicker } from 'antd';
2015-12-08 14:55:28 +08:00
2016-11-11 16:06:11 +08:00
class Demo extends React.Component {
state = {
value: null,
};
onChange = (time) => {
2016-01-26 15:04:13 +08:00
console.log(time);
this.setState({ value: time });
2016-11-11 16:06:11 +08:00
}
2015-12-08 14:55:28 +08:00
render() {
return <TimePicker value={this.state.value} onChange={this.onChange} />;
2016-11-11 16:06:11 +08:00
}
}
2015-12-08 14:55:28 +08:00
2016-11-11 16:06:11 +08:00
ReactDOM.render(<Demo />, mountNode);
2015-12-08 14:55:28 +08:00
````