坑1. 树形组件的数据treeData如果是动态请求回来的话，之前设置了defaultExpandAll 默认展开所有节点会失效。
解决方案：在treeData数据变化时确保组件重新
这里初始状态下treeData为空数组，length为0，这样确保数据请求回来后一定会重新渲染组件。
坑2. 树形组件的使用自适应布局设置组件的高度无效
解决方案：需使用js计算出组件的高度后再手动给Tree赋值
antd树形控件遇到的一些坑
2023-08-09
238
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
antd树形控件遇到的一些坑
目录
相关文章
|
JavaScript
前端开发
容器
|
JavaScript
|
2月前
|
前端开发
react使用antd中的Checkbox实现多选
在React项目中，通过Ant Design的Checkbox组件实现多选。引入Checkbox，使用Checkbox.Group来管理Checkbox，设置`value`属性绑定选中项数组，通过`onChange`更新数组。维护一个全选状态，根据选中项数量与总数决定全选按钮状态。全选按钮的`onChange`事件用于控制所有Checkbox的选中状态。
102
1
1
|
2月前
|
前端开发
计算机视觉
React使用antd实现可编辑单元格
React结合Ant Design实现可编辑单元格的表格组件，通过EditableRow和EditableCell封装实现单元格编辑功能，并提供saveFun回调保存编辑内容。
113
1
1
|
2月前
|
前端开发
|
3月前
|
JavaScript
API
容器
Vue3气泡卡片（Popover）
这是一个基于Vue的气泡卡片组件(Popover)介绍，提供了在线预览链接及详细API参数说明，包括maxWidth、title、content等，并支持自定义样式。
167
0
0
|
5月前
|
资源调度
前端开发
|
5月前
|
存储
前端开发
JavaScript
elementUI Tree 树形控件单选实现
【6月更文挑战第3天】Element UI 的树形控件（el-tree）默认不支持单选，但可以通过监听节点点击事件并手动更新选中状态实现。以下是一个简单的示例，展示如何创建单选树：
```html
&
274
0
0
|
前端开发
热门文章
最新文章
1
QSqlDatabase: QMYSQL driver not loaded 解决方案
2
这 12 个基于 AI 的 VSCode “杀手级” 生产力插件，了解一下？（一）
3
关于规则引擎的选型和疑惑思考
4
面试必问的4种单点登录的实现方式，你知道几个？
5
揭秘2017双11背后的网络－双11的网络产品和技术概览
6
我的NVIDIA开发者之旅——作为一名初学者，我是如何开启 NVIDIA Jetson Nano 开发的
7
FluentData-新型轻量级ORM 利用T4模板 批量生成多文件 实体和业务逻辑 代码
8
Hadoop-No.10之列簇
9
HDU 1213 How Many Tables
10
GitHub push文件失败时