在使用typescript开发时，经常会使用any类型，因为很方便，任何类型都能接收，尤其是对第三方库里面的数据类型，只要使用any，任何问题都解决了！但是，我们不建议使用any类型！

什么是 any？any不是通配符，也不是基类型，它是明确地与第三方库进行交互。any 类型可让代码在编译期间逐渐选择加入和选择退出类型检查机制。使用 any 可能允许我们在不考虑数据类型的情况下更简单地开发，但它将这个负担会转移到后期维护的程序员身上。

那现在如果不用any，我们在整合了第三方库的时候，有些组件里面的属性我们是不知道什么类型的，该怎么办？比如，潘老师最近做项目就遇到了这样的问题，该项目是使用的antd组件库，其中有个Radio单选按钮带有onChange事件，具体代码如下：

 // template <a-radio-group v-model:value="formState.roleCode" :onChange="handleChange"> <a-radio v-model:value="item.roleCode" v-for="(item, index) in roleArr" :key="index"> {{item.roleName}} </a-radio> </a-radio-group> // 方法 const handleChange= (e : any) => { const value= e.target.value alert(value); }; 

从官网上看，e的类型时Event，

但是，当我将any换为Event是还是会报错，因此，我又在ant-design-vue中查找到该组件，在其ts中找到了RadioChangeEvent类型，但无法import进来，而且这么个找法，不得累死。

解决方案

于是问了下，前端同事，他给出的解决方案就是：自定义一个类型，该类型中有你需要用到的属性即可，所以现在的思路不再是如何查找第三方库的对应类型，而是自己缺啥造啥（当然有的能找到直接import还是比较好的，毕竟可能有的很复杂）于是我的修改如下：

1）自定义types.ts

 // radio切换事件类型 interface RadioEvent { target : RadioEventTarget } interface RadioEventTarget { value : string } export { RadioEvent } 

2）在组件中import，并使用

 // 导入 import { RadioEvent } from "./types"; // 方法 const handleChange= (e : RadioEvent) => { const value= e.target.value alert(value); }; 

然后测试了下，仍然可以正常使用，问题解决！由于潘老师不是专门做前端的，也不知道这么做好不好，如果你有更好的看法，欢迎分享！