ant Tree 点击父节点收起所有展开的子节点方式

Eirice

于 2020-08-10 16:59:06 发布

阅读量4.3k

点赞数 2

分类专栏： react js

本文链接：https://blog.csdn.net/qq_40696108/article/details/107916368

版权

本文介绍如何在Ant Design的Tree组件中实现点击父节点时收起所有已展开的子节点。通过分析节点状态的变化，动态控制展开节点，达到跨级收缩的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
还记得上次那个要了你半条命才实现的高难度目录树吗？

往期回顾：树功能展开节点图标为目录打开，收起为目录关闭图标；节点支持拖拽移动嵌入；树目录支持导入；按类型分类展示标题组成三部分；点击节点对应面包屑导航生成；点击面包屑导航可以展开对应指定树
在这里插入图片描述
内心在不断的嚎叫！！！
是的本来不富裕的家庭今天又有新的饥荒了
介于目前这个树已经这么完美多样了，我们再加点功能！
~~树要支持点击父节点收起所有已展开的子节点，也就是跨级收缩~~
我。。。。。。。。。

一顿分析后得出结论，既然我做不到让谁都开心的收起，可是介于目前的情况我可以控制谁展开啊。反其道行之！

  //比较出2个数组中不一样的元素
  compareArray = (tep1, tep2) => {
   
    let tep3= [];
    for (let i

最低0.47元/天解锁文章