Tree freezes when used in controlled mode with `motion` and `expandAction="click"`
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 48/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- react, typescript
- 领域
- frontend
调研方向
从链接的 CodeSandbox 中的 App.jsx 复现开始，并将其与 basic-controlled 和 animation 示例进行比较。当 expandAction="click" 和 motion 同时启用时，跟踪受控展开路径，尤其是在点击叶节点之后。完成的标准是：无需外部重新渲染，节点仍然可以展开和折叠。
由索引模型根据 Issue 内容生成。
描述
Hi,
When using rc-tree in controlled mode, with some animations (with the motion prop), and with expandAction="click", then the Tree gets stuck whenever you click on a leaf.
When that happens, you can no longer expand or collapse the nodes.
The only way out is to trigger a re-render of the Tree by some external event, such as a drag-and-drop or clicking a button that changes the tree state.
This can be really troubling for the end user, as they think the app is broken.
Here is a codesandbox that reproduces the issue: https://codesandbox.io/s/lucid-frog-mks62z?file=/App.jsx
It is based on the basic-controlled example, to which I applied the following changes:
- Remove
onCheck,checkedKeys,onSelectandselectedKeysprops - Add
expandAction="click" - Add
motion={motion}with some style (from the animation example)
Steps to reproduce:
- Expand all nodes until you come to a leaf
- Click on the leaf title
- Nodes can no longer be expanded nor collapsed
rc-tree version: 5.7.0
Thanks for your help!
- 主要语言
- TypeScript
- 星标
- 1.3k
- 派生
- 491
- 平均合并
- 42 分钟
- 30 天内合并 PR
- 2
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
react-component/tree 的其他 Issue
-
难度 2/5 1-3 小时 新手友好度 55/100
react-component/tree#1068 · 1 条评论 ·
-
难度 5/5 一周以上 新手友好度 20/100
react-component/tree#983 ·
-
难度 3/5 1-2 天 新手友好度 35/100
react-component/tree#937 ·
-
难度 5/5 一周以上 新手友好度 25/100
react-component/tree#935 ·
-
难度 3/5 1-2 天 新手友好度 35/100
react-component/tree#929 ·
查看 react-component/tree 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 88/100
callstackincubator/rozenite#518 ·
维护者通常 1 天内回复
-
Area/Workflow Priority/Blocker Type/Bug
难度 2/5 1-3 小时 新手友好度 76/100
wso2/product-integrator#2622 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 68/100
-
area:bash bug has repro platform:macos
难度 2/5 1-3 小时 新手友好度 78/100
anthropics/claude-code#98644 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 78/100
allure-framework/allure-js#1603 ·
维护者通常 1 天内回复