← 所有版型

B 树查找 <BTreeIndex />

按层画出索引页和键，查找经过的页加强调色描边，命中的键反色；右栏每层一句说明。

版型與風格的說明目前僅提供簡體中文。

在範例簡報中查看 →

分組: 技术 · 索引 · 查找路径
元件: BTreeIndex · #btree-index
互動: build 模式下每按一次 → 往下走一层

適合

讲 B-tree、跳表、分层目录这类逐层缩小范围的查找
要讲清“为什么快”

不適合

超过 3 层或每层超过 4 页
不是查找过程，只是层级：用 Pyramid 或 IssueTree

內容上限

1	levels 2–3 层；每层 ≤ 4 页；每页 1–4 个键，每个 ≤ 5 个字符
2	target ≤ 8 个字符
3	notes 每层一句，≤ 30 字
4	leafNote ≤ 24 字

欄位

欄位	型別
`kicker` · 必填	`string`	标题上方的小节名，2–8 字
`title` · 必填	`string \| string[]`	页面标题；传数组可手动断行，每项一行
`lead`	`string`	一到两句导语，≤ 60 字
`source`	`string`	事实出处；页面上有任何数据或事实时必填
`hint`	`ReactNode`	页眉中间的操作提示，可用 <kbd>
`levels` · 必填	`string[][][]`	层 → 页 → 键
`path` · 必填	`number[]`	每层经过的页序号
`target` · 必填	`string`	要查的键
`notes`	`string[]`	每层一句说明
`leafNote`	`string`	底部说明

範例程式碼

<BTreeIndex kicker="索引" title="…" target="42" levels={[[['30', '60']], [['10', '20'], ['40', '50'], ['70', '80']]]} path={[0, 1]} />