普通的用法不贅述了,記錄的關鍵是這次的需求
產品大佬的要求是這樣的:
1.我們樹父與子之間互不關聯
2.選中時輸入框顯示互不關聯
以上兩點好說,加倆屬性嘛:
那么問題來了,加了這倆屬性之后,文檔的描述是這樣的:
秀,給我來個強制,理解不了看下上下文,也就是說:
ok,也就是我們每次選中的時候,得到的不再是字符串數組,而是數組里包裹着一條一條的對象,倆屬性,一個label做標題,一個value。
那么做初始化的時候,我們需要給的初始化數據就必須是對象的數據,然而后端朋友返回的value和label是分開的倆字段,還都是逗號分隔的字符串!
此時此刻俺的內心有好多好多小馬兒奔騰而過!但是沒什么,這不是什么大事,我們拼接嘛!
然而拼了半天,賦在表單初始值中的這個數組卻在點擊時出現了問題:
帶秀。
經過各種嘗試都宣告失敗以后,我想轉行。
然而在絕望的持續嘗試之時,看到了官方文檔的value是通過state來修改的,並且沒有任何問題!
小小靈魂躍躍欲試!瞬間寫個state!
回調里再來個拼接!
return里表單的初始值修改成state!
onChange的方法改為修改state!
完美!!!!!
另外附上數據的轉樹形結構方法: