【Antd】希望多个Select组件共用一个回调函数应该如何抽象？

Question

<Select defaultValue="a" onSelect={this.handleChange}>
    <Option value="a">a</Option>
    <Option value="b">b</Option>
    <Option value="c">c</Option>
</Select>

<Select defaultValue="d" onSelect={this.handleChange}>
    <Option value="d">d</Option>
    <Option value="e">e</Option>
    <Option value="f">f</Option>
</Select>

option里面是Vnode:

希望将同一个handleChange函数应用在多个Select组件上，应该如何明确所得的Value是从哪个组件传过来的呢？

Answer 1

onSelect本来就有value、option 2个传参，可以自己传进方法，在加个参数来区分

<Select defaultValue="a" onSelect={(value, option) => this.handleChange(value, option, 'select1')}>
    <Option value="a">a</Option>
    <Option value="b">b</Option>
    <Option value="c">c</Option>
</Select>

<Select defaultValue="d" onSelect={(value, option) => this.handleChange(value, option, 'select2')}>
    <Option value="d">d</Option>
    <Option value="e">e</Option>
    <Option value="f">f</Option>
</Select>

Answer 2

增加个参数来区分