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

在类组件中检测到在函数组件中点击了哪个输入值，可以通过以下步骤实现：

在函数组件中，为每个输入值添加一个点击事件处理函数，并将点击事件的参数传递给该函数。例如，给每个输入值添加一个onClick属性，值为一个函数，该函数接收点击事件参数。
在类组件中，创建一个状态变量来存储点击的输入值。可以使用useState钩子函数来创建该状态变量，并设置初始值为null。
在类组件中，创建一个函数，用于更新状态变量的值。可以使用setState方法来更新状态变量的值。
在函数组件的点击事件处理函数中，调用类组件中的更新状态变量的函数，并将点击的输入值作为参数传递给该函数。
在类组件中，使用componentDidUpdate生命周期方法来检测状态变量的值是否发生变化。如果发生变化，则表示在函数组件中点击了某个输入值。

下面是一个示例代码：

// 函数组件
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>
    );
  }
}

在上述示例中，当在函数组件中点击某个输入值时，会调用类组件中的updateClickedInput函数，并将点击的输入值作为参数传递给该函数。类组件中的componentDidUpdate方法会检测状态变量clickedInput的值是否发生变化，如果发生变化，则会输出点击的输入值。