当我选择选项时,我需要使用onChange传递多个值,但我不能选择单个选项。它选择整个对象。下面是我的代码。
const test = [{id:1, name:'test, value:{x:10}}]
<Select
showSearch
style={{ width: 200 }}
placeholder="Select a person"
optionFilterProp="children" >
{test.map(item =>(
<Option value={item.id, item.value}>{item.name}</Option>
))}
</Select>
是否有解决此问题替代解决方案
6条答案
按热度按时间lnxxn5zx1#
请使用自定义选择而不是选择。在“eventKey”中添加多个值,然后在选择处理程序中找到该值数组。
h7appiyu2#
您可以尝试以下代码。
8zzbczxx3#
如果您使用react-select,则可以添加isMulti常见属性,以便为您的选项启用多个选择,请参阅:https://react-select.com/props
顺便说一句,react-select默认使用值标签匹配,您必须为您的案例重新Map
支持多选,示例链接:sandbox
kcrjzv8t4#
我假设您正在使用
antd for select
,并希望获取select
的handleChange
内部的对象属性。一个简单的方法是发送
id
或其他参数,并通过它获取对象。希望这对你有帮助!
dauxcl2d5#
这样 做 的 简单 方法 如下 :
中 的 每 一 个
希望 这 对 你 有 帮助 !
gajydyqb6#
您只需在
onChange=((e) => this.handleChange(e, item.value)
属性中传递第二个变量