我如何在我的类组件中检测到在函数组件中点击了哪个输入值？

// 函数组件
function FunctionComponent(props) {
  const handleInputClick = (inputValue) => {
    props.onInputClick(inputValue);
  };

  return (
    <div>
      <input type="text" onClick={() => handleInputClick('input1')} />
      <input type="text" onClick={() => handleInputClick('input2')} />
    </div>
  );
}

// 类组件
class ClassComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      clickedInput: null,
    };
  }

  updateClickedInput = (inputValue) => {
    this.setState({ clickedInput: inputValue });
  };

  componentDidUpdate(prevProps, prevState) {
    if (prevState.clickedInput !== this.state.clickedInput) {
      console.log('Clicked input:', this.state.clickedInput);
    }
  }

  render() {
    return (
      <div>
        <FunctionComponent onInputClick={this.updateClickedInput} />
      </div>
    );
  }
}