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手册)
打印一下输出