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手冊)
打印一下輸出