react+antd+dva --->TreeSelect 樹選擇器組件的不聯動+多選+初始值渲染


 

 

普通的用法不贅述了,記錄的關鍵是這次的需求

產品大佬的要求是這樣的:

1.我們樹父與子之間互不關聯

2.選中時輸入框顯示互不關聯

以上兩點好說,加倆屬性嘛:

那么問題來了,加了這倆屬性之后,文檔的描述是這樣的:

秀,給我來個強制,理解不了看下上下文,也就是說:

ok,也就是我們每次選中的時候,得到的不再是字符串數組,而是數組里包裹着一條一條的對象,倆屬性,一個label做標題,一個value。

那么做初始化的時候,我們需要給的初始化數據就必須是對象的數據,然而后端朋友返回的value和label是分開的倆字段,還都是逗號分隔的字符串!

 

此時此刻俺的內心有好多好多小馬兒奔騰而過!但是沒什么,這不是什么大事,我們拼接嘛!

然而拼了半天,賦在表單初始值中的這個數組卻在點擊時出現了問題:

帶秀。

經過各種嘗試都宣告失敗以后,我想轉行。

然而在絕望的持續嘗試之時,看到了官方文檔的value是通過state來修改的,並且沒有任何問題!

小小靈魂躍躍欲試!瞬間寫個state!

回調里再來個拼接!

 

 return里表單的初始值修改成state!

onChange的方法改為修改state!

完美!!!!!

 

另外附上數據的轉樹形結構方法:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM