如果 "onChange" 不提供 e.target.name，如何区分 <Select /> 组件？

Question

我的表单中有多个 select 组件。如果我无法访问 e.target.name

，我该如何区分它们

onChange={this.handleSelect}   
//onChange passes just a value to handleSelect.

这里是select组件的引用 https://ant.design/components/select/

我不想为每个 select 组件创建多个 handleSelectField。

Answer 1

创建单独的事件处理程序没有错，但如果您绝对不想这样做，您可以将要更新的值发送给事件处理程序。

例子

class App extends React.Component {
  state = { firstSelect: null, secondSelect: null };

  handleChange = (value, field) => {
    this.setState({ [field]: value });
  };

  render() {
    return (
      <div>
        <Select onChange={value => this.handleChange(value, "firstSelect")} />
        <Select onChange={value => this.handleChange(value, "secondSelect")} />
      </div>
    );
  }
}

如果 "onChange" 不提供 e.target.name，如何区分 <Select /> 组件？

How to differentiate between <Select /> components if "onChange" does't provide e.target.name?

html

reactjs

antd