前端 - ts怎么把库的类型暴露到项目全局?
问题描述:
import { FormInstance } from '@arco-design/web-react/es/Form/interface' ... function test(){ const FormRef = useRef<FormInstance>(null) // * 指定FormInstance后,FormRef才有了对应的ts类型 return( <Form ref={FormRef}></Form> } }
问题:现在不止有一个页面有这种需求,所以想着把FormInstance
拿出来变成全局,不需要每次都要import
现在的做法(不知道是否是标准姿势,求大佬指教):
// * types.d.ts import { FormInstance } from '@arco-design/web-react/es/Form/interface' declare global { interface CpFormInstance extends FormInstance{} }
第 1 个答案:
写一个types.d.ts 文件
// * types.d.ts import { FormInstance as ArcoFormInstance } from '@arco-design/web-react/es/Form/interface' declare global { type GlobalFormInstance = ArcoFormInstance; }
这样你可以全局用 GlobalFormInstance 类型,就不用每次都去导入:
// In some other file const FormRef = useRef<GlobalFormInstance>(null);
追求性能是吗?为啥不直接用tcp?还是说本身想作为 web server?