多个input 共用一个input事件

多个input共用一个input事件的方法有多种。其中一种方法是使用switch函数或if语句来区分不同的input，并根据不同的input进行相应的处理。在React开发中，可以给每个input设置一个onChange事件，并通过事件处理函数中的参数来判断是哪个input触发了事件。然后可以使用setState方法来更新对应的input的状态。例如，在React中可以这样处理多个input共用一个input事件：

<input placeholder='请输入' onChange={this._onInput} value={this.state.inputValue} />

在_onInput事件处理函数中，可以使用switch函数或if语句来判断是哪个input触发了事件，并根据不同的input进行相应的处理。例如：

_onInput(event) {
  const inputId = event.target.id;
  const inputValue = event.target.value;

  switch (inputId) {
    case 'input1':
      this.setState({ input1: inputValue });
      break;
    case 'input2':
      this.setState({ input2: inputValue });
      break;
    // 其他input的处理
    default:
      break;
  }
}

这样就可以实现多个input共用一个input事件的处理。每个input的值会根据事件处理函数中的判断逻辑进行更新。
#### 引用[.reference_title]
- *1* *2* *3* [关于React处理input的方法和多个input共用一个方法（不用jQuery）](https://blog.csdn.net/weixin_45872877/article/details/107287625)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]