You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

antd 4.23.6中Autocomplete的OptionData与OptionGroupData类型导入位置咨询

antd 4.23.6中AutoComplete的OptionData与OptionGroupData类型导入方案
  • 正确的导入路径:直接从antd/es/auto-complete/interface导入这两个类型,这是antd 4.x版本官方暴露的AutoComplete相关类型入口:

    import { OptionData, OptionGroupData } from 'antd/es/auto-complete/interface';
    
  • 关于从rc-select/lib/interface导入报错的原因:antd 4.23.6对应的rc-select版本中,OptionGroupData并未在该路径下导出,且antd对rc-select的类型做了封装,直接依赖rc-select内部类型会存在兼容性问题,因此不推荐这种方式。

  • 类型使用示例:

    import { AutoComplete } from 'antd';
    import { OptionData, OptionGroupData } from 'antd/es/auto-complete/interface';
    
    const handleSelect = (value: string, option: OptionData | OptionGroupData) => {
      // 编写选中后的处理逻辑
    };
    
    <AutoComplete onSelect={handleSelect} />
    

内容的提问来源于stack exchange,提问作者Negin Basiri

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 12:20:43