如何将值绑定到react中的动态控件

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      value: ''
    };
  }
  // ...
}

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      value: ''
    };
  }

  handleChange(event) {
    this.setState({ value: event.target.value });
  }

  render() {
    return (
      <input
        type="text"
        value={this.state.value}
        onChange={this.handleChange.bind(this)}
      />
    );
  }
}

class MyComponent extends React.Component {
  // ...

  render() {
    return (
      <div>
        <input
          type="text"
          value={this.state.value}
          onChange={this.handleChange.bind(this)}
        />
        <AnotherComponent value={this.state.value} />
      </div>
    );
  }
}

class AnotherComponent extends React.Component {
  render() {
    return <div>{this.props.value}</div>;
  }
}