antd TreeSelect 元件的高階用法

2022-10-09 22:00:27 字數 1615 閱讀 6717

官方文件-treeselect樹選擇

【總結】:在使用 treeselect 元件時,往往採用構造 treedata 結構的資料來渲染,常用到的屬性值,這些已經能夠滿足一般場景。對於一些特定場景,可以靈活使用[disabled, disablecheckbox, selectable, checkable]這四個屬性值來實現,如果 treedata 的方式不好實現,也可以手動構造 treenode 節點。

import  from "antd";

import react, from "react";

const treedata = },

, ,

]}];

export default function tree() ;

const tprops =

};return ;

}

(1) 設定checkable: falseselectable: false的效果:

(2)設定disabled: true的效果:

(3)設定disablecheckbox: true的效果:

(4)設定checkable: false的效果(這時雖然沒有核取方塊,但父節點可選):

(5)設定selectable: false的效果(在treecheckable: true下該屬性失效):

(6)在treecheckable: false下設定selectable: false的效果:

antd TreeSelect獲取父節點的值

在antd對treeselect元件的渲染中,onchange事件是無法獲取父元素的值的,官方解釋是處於對效能的考慮,沒有對父元素進行關聯。文件末尾也給出了如何獲取父元素值的方法,解題思路是 根據treedata的資料結構利用遞迴回溯去查詢父節點的值 忠於文件 import react from r...

2018 07 08 2018提高組 模擬C組

fj準備教他的奶牛彈奏一首歌曲,歌曲由n 1 n 50,000 種音節組成,編號為1到n,而且一定按照從1到n的順序進行彈奏,第i種音節持續b i 1 b i 10,000 個節拍,節拍從0開始計數,因此從節拍0到節拍b 1 1彈奏的是第1種音節,從b 1到b 1 b 2 1彈奏的是第2種音節,依此...

Socket怎麼加入組播組

byte b new byte 10240 trycatch exception ex console.writeline receive multicast exception ex.tostring 這是我上國外 找的例子!是 用udpclient.joinmulticastgroup,但是ud...