返回顶部

antD——报错:模块 ""antd/es/checkbox/Group"" 没有导出的成员 "CheckboxValueType"。你是想改用 "import CheckboxValueType from "antd/es/checkbox/Group"" 吗?

 

正文

参考:

1. https://github.com/ant-design/ant-design/issues/50000  import type { CheckboxValueType } from 'antd/es/checkbox/Group' 失效 #50000

2. https://github.com/ant-design/ant-design/pull/49073  fix: fix Checkbox.Group type #49073

3. https://ant-design.antgroup.com/docs/blog/type-util-cn  antd 里常用的 TypeScript 工具方法

 

我的问题

引入CheckboxValueType,报错:模块 ""antd/es/checkbox/Group"" 没有导出的成员 "CheckboxValueType"。你是想改用 "import CheckboxValueType from "antd/es/checkbox/Group"" 吗?

import type { CheckboxOptionType, CheckboxValueType } from 'antd/es/checkbox/Group'

 

原因

antd版本问题,我的antd版本是^5.20.0,^5.11.1、^5.15.1不会报错

 

解决方法

使用antd的工具类型 GetProp

import { Checkbox } from 'antd'

const CheckboxGroup = Checkbox.Group
type CheckboxValueType = GetProp<typeof Checkbox.Group, 'options'>[number]

 

 

 

 

posted @   前端-xyq  阅读(99)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
历史上的今天:
2023-09-05 vue——配置代理无效问题
2019-09-05 js input框限制输入为数字并限制长度
2019-09-05 js 获取自定义属性值
2019-09-05 js 删除数组中指定值
2019-09-05 获取url指定参数值(js/vue)
2019-09-05 js 实时监听textarea输入
2019-09-05 js 调用接口并传参
点击右上角即可分享
微信分享提示
回到顶部