antd TreeSelect獲取父節點的值

2021-10-14 12:31:27 字數 1469 閱讀 6424

在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....