鍍金池/ 問答/HTML/ 【Antd】希望多個Select組件共用一個回調(diào)函數(shù)應(yīng)該如何抽象？

【Antd】希望多個Select組件共用一個回調(diào)函數(shù)應(yīng)該如何抽象？

<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>

clipboard.png

option里面是Vnode:

clipboard.png

希望將同一個handleChange函數(shù)應(yīng)用在多個Select組件上，應(yīng)該如何明確所得的Value是從哪個組件傳過來的呢？

回答
編輯回答
小眼睛

onSelect本來就有value、option 2個傳參，可以自己傳進方法，在加個參數(shù)來區(qū)分

<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>
2017年11月3日 02:02
編輯回答
墨沫

增加個參數(shù)來區(qū)分

2018年4月25日 09:02