antd树形控件Tree的展开

Posted 阿凡凡没有提

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了antd树形控件Tree的展开相关的知识,希望对你有一定的参考价值。

使用树形控件做权限管理,打算展开菜单。但是,无论是设置defaultExpandAll还是defaultExpandedKeys都没有展开。

原因是,Tree渲染的时候,TreeNode还未渲染。

解决方法,先判断树的数据是否存在,如果存在,则渲染,如果不存在,都不渲染。

 {
              treeData?.length > 0 ?
                (
                  <Tree
                    defaultExpandedKeys={defaultKeys} // 默认展开展开指定的树节点
                    onSelect={setSelected}
                    showLine
                    treeData={treeData}
                  />
                ):null
           }

 

(参考:https://www.cnblogs.com/foxcharon/p/13479719.html

以上是关于antd树形控件Tree的展开的主要内容,如果未能解决你的问题,请参考以下文章

关于 antd@4 之后 tree 树形控件不能横向排列这件事

关于 antd@4 之后 tree 树形控件不能横向排列这件事

React+AntDesign使用Tree树控件完整展现其中的层级关系,并具有展开收起选择等交互功能

干货---Tree树形控件的应用

el-tree树形控件的应用

antd vue tree树形结构问题记录