NavigationTree 默认只展开一级是性能保护策略，需用 defaultExpandAll 或 defaultExpandedKeys 控制；无 key 时应预处理生成带层级信息的唯一 key，避免 render 中重复执行。
NavigationTree 默认只展开一级，怎么让它默认展开到指定深度
默认情况下 navigationtree（常见于 ant design、element plus 或自研组件库）不会递归展开子节点，即使数据有嵌套，也只显示第一层。这不是 bug，是性能保护策略——深层展开会触发大量节点渲染和事件绑定。
实操上得靠 defaultExpandAll 或 defaultExpandedKeys 控制：
-
defaultExpandAll=true：暴力展开全部，适合节点总数 -
defaultExpandedKeys：更推荐，传入一个 key 数组，比如['user', 'user/role', 'system']，只展开你确认需要的路径；key 必须和节点的key属性严格一致（注意字符串类型，别传数字） - 如果用的是异步加载（
loadData），defaultExpandedKeys里包含的节点必须已存在于初始数据中，否则无效——这是最常踩的坑
为什么 setFieldsValue 或 setState 后 NavigationTree 不更新展开状态
导航树通常不响应 props 的浅层变化。比如你用 useState 存了树数据，再调 setData(newData)，但 newData 和旧数据引用相同（比如只改了某个节点的 title 字段），NavigationTree 就不会重绘展开态。
关键点在于「key 是否变」和「expandedKeys 是否受控」：
- 确保每个节点有稳定唯一的
key，别用数组索引或随机值生成 - 如果你手动维护
expandedKeys，就得把它设为受控属性：同时传expandedKeys和onExpand，否则组件内部状态会和外部脱节 - React 中若用
useMemo缓存树数据，记得把依赖项写全；漏掉expandedKeys就会导致视图不更新
Ant Design 的 Tree 组件里 expandIcon 怎么自定义且保持展开逻辑正常
直接替换 expandIcon 容易导致点击无反应，因为默认图标绑定了 onExpand 事件。你不能只塞个 <Icon /> 进去就完事。
正确做法是透传事件和状态：
- 用函数形式：
expandIcon={({ expanded, onExpand, node }) => <CaretIcon rotated={expanded} onClick={(e) => { e.stopPropagation(); onExpand(node); }} />} - 必须调
onExpand(node)，不能只改 UI；否则节点状态不变，下次点击还是原样 -
e.stopPropagation()很关键——防止事件冒泡触发节点选中或跳转 - 如果用 SVG 替换，别忘了加
cursor: pointer样式，否则视觉上不像可点击元素
后端返回的树结构没有 key 字段，前端怎么安全生成唯一 key
没 key 就没法用 defaultExpandedKeys，也不能稳定控制展开。硬拼 name + path 看似简单，但一旦后端改名或调整路径，前端 key 就失效，展开态错乱。
稳妥方案是预处理时生成带层级信息的 key：
- 用路径拼接法：
key = node.path || [node.parentKey, node.id].filter(Boolean).join('/')，前提是后端至少提供id和父子关系字段 - 避免用中文或空格做 key 的一部分，URL 编码容易出问题；统一转成 kebab-case，比如
user-management-roles - 如果后端连
id都不给，只能靠JSON.stringify(node)+hash，但要注意：相同内容不同顺序的对象 hash 值不同，得先sort键名再序列化
生成 key 是一次性动作，别在 render 里反复执行，否则每次重绘都新建 key，树组件彻底失控。
