如何在json props的React输入组件中设置动态属性

import React, { Component } from 'react';

class InputComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      dynamicProp: 'default value',
    };
  }

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

export default InputComponent;

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

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

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

import React, { Component } from 'react';
import InputComponent from './InputComponent';

class ParentComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      dynamicPropValue: 'initial value',
    };
  }

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

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

export default ParentComponent;