Tree 树Tree

有层级的列表：文件目录、组织架构、文档大纲。层级不超过一层时用 List 或 Nav 就够了。

基本用法

传一棵 TreeNode。点一行会选中它；有子级的节点同时展开或收起。disabled 的节点不能选中，键盘移动时会跳过。

src
- components
  - Button.tsx
  - Dialog.tsx
  - Legacy.tsx（只读）
- styles
- index.ts
package.json
README.md

图标

节点可以带图标，放在箭头和文字之间。

指南
- 快速开始
- 主题
更新记录

受控

展开和选中各自支持受控与非受控。onSelect 的参数是节点 id。

src
- components
- styles
- index.ts
package.json
README.md

选中：index；展开：src

接口

Tree

属性	类型	默认值	说明
`items`*	`TreeNode[]`	—	树的数据。
`expanded / defaultExpanded`	`string[]`	`[]`	展开的节点 id，受控 / 非受控。
`onExpandedChange`	`(ids: string[]) => void`	—	展开状态变化时。
`selected / defaultSelected`	`string \| null`	`null`	选中的节点 id；null 表示没有选中。
`onSelect`	`(id: string \| null) => void`	—	选中变化时。
`label`	`string`	—	树的名字（aria-label）。

TreeNode

属性	类型	默认值	说明
`id`*	`string`	—	唯一标识。
`label`*	`ReactNode`	—	节点文字。
`icon`	`ReactNode`	—	文字前的图标。
`children`	`TreeNode[]`	—	子节点；有子节点的才能展开。
`disabled`	`boolean`	—	禁用：不能选中，键盘移动时跳过。