Antd---选择器Select,

Select组件的OnChange通常只能拿到value的值,数组

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

可是若是咱们除了保存当前 option的id外,还要获取对应的name时,如何处理呢?spa

方案一:3d

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

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

 

方案二:blog

option仍是按照日常的写法接口

原理:在select中,加入labelInValue。事件

默认状况下 onChange 里只能拿到 value,若是须要拿到选中的节点文本 label,能够使用 labelInValue 属性。字符串

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

打印一下输出

相关文章
相关标签/搜索