在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

【Antd】希望多個(gè)Select組件共用一個(gè)回調(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

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

回答
編輯回答
小眼睛

onSelect本來就有value、option 2個(gè)傳參，可以自己傳進(jìn)方法，在加個(gè)參數(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
編輯回答
墨沫

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

2018年4月25日 09:02