如何实现这个react菜单同一时间,只有一个展开?

如题.如何实现这个react菜单同一时间,只有一个展开? 也就是同一时间前面小图标,只有一个 "-"号 ?

说明:
1.react-animated-tree是一个树菜单组件.基于此改造.

在线代码:
https://codesandbox.io/s/musi...

截图如下:

Screenshot from 2020-03-26 14-40-44.png

有建议思路:保存展开节点,当下一个节点展开时,收起上一个节点.如何实现呢?

阅读 3.1k
1 个回答

1.你这是多级菜单,如果是点击下一个上一个收起,如果世上一个里面所有子项都收起,需求是不合理的,(如果只是根父级收起还能接受)
2.通过数据控制,每个根父级都加一个 展示开关的字段,当点击下一个节点时,当前那个置true,for循环数据将其他根父级的那个字段置false

推荐问题