AutoComplete
Props
| Prop Name | Type | Required | Default | Description |
|---|---|---|---|---|
| options | Item[] | [] | 待筛选选项 | |
| value | string | 值，controlled | ||
| defaultValue | string | '' | 默认值 | |
| onChange | (v: string) => void | 选中回调 | ||
| disabled | boolean | 是否禁用 | ||
| loading | boolean | options 加载中状态 | ||
| prefix | ReactNode | 前缀 | ||
| block | boolean | 展示变更为块占位 | ||
| handleSearch | false | ((v: Item) => boolean) | 自定义搜索，为 false 时不做搜索展示全部 | ||
| popoverProps | { [key: string]: any } | 自定义 popover 的配置 | ||
| onFocus | () => void | 焦点回调 | ||
| onBlur | () => void | 失焦回调 | ||
| status | InputProps['status'] | required | 状态 |
说明
- AutoComplete 能够尝试猜测⽤户输⼊的⽂字，并且动态的搜索出适配的结果并推荐给⽤户，辅助完成输⼊。⽬的是避免⽤户出错，起到提示作⽤，智能预测⽤户⼼理期望，从⽽确保他们的输⼊更有效率。
- 默认的弹出层容器为 forwardPopupContainer={triggerNode => triggerNode.parentNode}，默认会查找上层的建议容器
数据结构
Item
interface Item {
// 项的值
value: string;
// 项的展示，为空时展示 value
label?: ReactNode;
}