Skip to content

Tree 树形控件

树形数据展示组件。

示例

可访问性

  • 根节点默认使用 role="tree",可通过 aria-labelaria-labelledby 为树提供名称。
  • 节点使用 role="treeitem",并根据层级、同级位置和展开状态输出 aria-levelaria-posinsetaria-setsizearia-expanded
  • 仅当前焦点节点进入 Tab 顺序;获得焦点后可使用 ArrowUp / ArrowDownHome / End 在可见节点间移动。
  • ArrowRight 会展开当前可展开节点或移动到第一个子节点;ArrowLeft 会收起当前节点或移动到父节点;Enter / Space 可切换展开状态。

API

属性说明类型默认值
data树数据TreeNode[]-
expandedKeys展开的节点string[]-
defaultExpandedKeys默认展开string[]-
onExpand展开回调(keys) => void-