Antd---选择器Select,

Select组件的OnChange一般只能拿到value的值,

  onChange={(value)=>{console.log(value)}}    //1     id

但是如果我们除了保存当前 option的id外,还要获取对应的name时,如何处理呢?

方案一:

原理:通过将id和name拼接在value,onChange事件触发时,就可以获取到拼接好的值,保存时,通过  stringObject.split(separator,howmany) ,将字符串切割成字符串数组,再对应字段保存即可。

缺点:编辑的时候就有问题了,select选择器,一般接口只会传id,option没有对应的value,显示失败。

 

方案二:

option还是按照平常的写法

原理:在select中,加入labelInValue。

默认情况下 onChange 里只能拿到 value,如果需要拿到选中的节点文本 label,可以使用 labelInValue 属性。

选中项的 label 会被包装到 value 中传递给 onChange 等函数,此时 value 是一个对象。(copy手册)

打印一下输出

 

转载于:https://www.cnblogs.com/Lee-/p/8295281.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值