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手冊)

打印一下輸出

相關文章
相關標籤/搜索