在antd對treeselect元件的渲染中,onchange事件是無法獲取父元素的值的,官方解釋是處於對效能的考慮,沒有對父元素進行關聯。
文件末尾也給出了如何獲取父元素值的方法,解題思路是:根據treedata的資料結構利用遞迴回溯去查詢父節點的值
忠於文件~
import react from
"react"
;import
from
"antd"
;import
from
"../../api/index"
;const valuemap =
;function
loops
(list, parent)
)=>);
node.children =
loops
(children, node)
;return node;})
;}// 查詢父節點的值
function
getpath
(value)
return path;
}/**
* 格式化樹形機構
*/function
formattree
(list =
, formatfun, childrenname =
'children'
, index =
0, dep =-1
)//c = haschildren ? formattree(z[childrenname] || , formatfun, childrenname, index + 1) : null;
return;}
);}class
test
extends
react.purecomponent
;componentdidmount()
;},"childlist",0
,1),
districts: districts,},
()=>
,+updatetime *
1000);
// 這才是重點
loops
(this
.state.districtslist)})
;});
}onchangearea
= value =>);
};render()
=this
.state;
return
(showsearch
dropdownmatchselectwidth=
size=
"small"
value=
treedata=
placeholder=
"請選擇區域"
treedefaultexpandall
onchange=
/>);
}}
antd TreeSelect 元件的高階用法
官方文件 treeselect樹選擇 總結 在使用 treeselect 元件時,往往採用構造 treedata 結構的資料來渲染,常用到的屬性值,這些已經能夠滿足一般場景。對於一些特定場景,可以靈活使用 disabled,disablecheckbox,selectable,checkable 這...
ProceedingJoinPoint獲取當前方法
aspectj切面通過proceedingjoinpoint想要獲取當前執行的方法 錯誤方法 signature s pjp.getsignature methodsignature ms methodsignature s method m ms.getmethod 這種方式獲取到的方法是介面的方...
android audioManager獲取音量
通過程式獲取android 系統 手機的鈴聲和音量。同樣,設定鈴聲和音量的方法也很簡單!audiomanager maudiomanager audiomanager getsystemservice context.audio service 通話音量 int max maudiomanager....