如何在react js中传递一个函数来形成输入值？

// ParentComponent.js
import React from 'react';

class ParentComponent extends React.Component {
  handleInputChange = (value) => {
    // 处理输入值的逻辑
    console.log(value);
  }

  render() {
    return (
      <div>
        <ChildComponent onInputChange={this.handleInputChange} />
      </div>
    );
  }
}

export default ParentComponent;

// ChildComponent.js
import React from 'react';

class ChildComponent extends React.Component {
  handleChange = (event) => {
    const { onInputChange } = this.props;
    const inputValue = event.target.value;

    // 将输入值传递给父组件的函数
    onInputChange(inputValue);
  }

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

export default ChildComponent;