category: Components type: UI Views component: Base chinese: 导航（收纳式） english: TopNav

收纳式吊顶导航组件。

规则

API

TopNav

| 参数 | 说明 | 类型 | 默认值 | | ------------ | ---------------------------------------------------------------------------------- | -------- | ------- | | className | 自定义类名 | string | N/A | | style | 组件接受行内样式 | object | N/A | | hoveredKey | 当前用户鼠标悬浮的菜单项所对应的 key | string | N/A | | onHover | 用户鼠标浮到另一个菜单项或切换一级菜单时触发的回调 | (hoveredKey: string) => void | N/A | | selectedKeys | 显示选中样式的菜单项 | string[] | [] | | dataSource | 指定用来渲染菜单的数据，数据格式见本页面“规则”中的描述，或可利用 dataRenderCallback 属性自定义 | object[] | N/A | | extraRender | 使用 dataSource 时，用来渲染每个菜单项右侧的部分的回调 | (node: object) => ReactNode | N/A | | itemOnClick | 使用 dataSource 时，点击菜单项所触发的回调 | (node: object) => void | 默认为空 | | dataRenderCallback | 使用 dataSource 属性时的具体渲染逻辑 | (node: object) => [object, object[]] | 默认渲染逻辑见本页面“规则”中的描述 |

TopNav.Item

| 参数 | 说明 | 类型 | 默认值 | | ------------ | ---------------------------------------------------------------------------------- | -------- | ------- | | className | 自定义类名 | string | N/A | | style | 组件接受行内样式 | object | N/A | | title | 该菜单项显示出的标题 | ReactNode | N/A | | extra | 该菜单项右侧所显示的内容 | ReactNode | N/A | | onClick | 点击该菜单项的回调 | (e: Event) => void | N/A |

TopNav.Placeholder