Suggestion快捷指令
Suggestion
快捷指令
用于给予用户快捷提示的组件
使用import { Suggestion } from "@ant-design/x"; |
文档 编辑此页... |
Ant Design X通用属性参考：通用属性
更多配置请查看 CascaderProps
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| block | 是否整行宽度 | boolean | false | - |
| children | 自定义输入框 | ({ onTrigger, onKeyDown }) => ReactElement | - | - |
| items | 建议项列表 | SuggestionItem[] | ((info: T) => SuggestionItem[]) | - | - |
| open | 受控打开面板 | boolean | - | - |
| rootClassName | 根元素样式类名 | string | - | - |
| onSelect | 选中建议项回调 | (value: string, selectedOptions: SuggestionItem[]) => void; | - | - |
| onOpenChange | 面板打开状态变化回调 | (open: boolean) => void | - | - |
| getPopupContainer | 菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位 | (triggerNode: HTMLElement) => HTMLElement | () => document.body | - |
type onTrigger<T> = (info: T | false) => void;
Suggestion 接受泛型以自定义传递给 items renderProps 的参数类型，当传递 false 时，则关闭建议面板。
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| children | 子项目 | SuggestionItem[] | - | - |
| extra | 建议项额外内容 | ReactNode | - | - |
| icon | 建议项图标 | ReactNode | - | - |
| label | 建议项显示内容 | ReactNode | - | - |
| value | 建议项值 | string | - | - |
基础用法，受控进行状态管理。自定义触发器。
通过 block 改为整行展示，extra 可用于配置额外信息。
根据输入动态展示建议项的多标签示例。
