---
category: 2
title: 受控组件
title_en: Under Control
---

 zh-CN

value 和 onChange 需要配合使用。

 en-US

`value` and `onChange` should be used together,

````jsx
import { TimePicker } from 'parkball';

class Demo extends React.Component {
  state = {
    value: null,
  };

  onChange = (time) => {
    console.log(time);
    this.setState({ value: time });
  }

  render() {
    return <TimePicker value={this.state.value} onChange={this.onChange} />;
  }
}

ReactDOM.render(<Demo />, mountNode);
````