preface

之前在使用 axios 的时候,需要在 AxiosRequestConfig 中添加自定义属性,比如说

  1. 配置是否使用 loading 效果
  2. 配置 业务报错是否 自动提示

我选择了通过过 扩展接口, 然后自定义了一个函数,在函数内部 才会使用 axios 解决了这个问题

当然 开始我是通过 声明文件 解决这个问题, 下面记录下怎么通过声明文件解决问题的

案例

ionic react 项目

1. 扩展 axios 的 AxiosRequestConfig 接口属性成员

1.1 没有扩展前显示报错

1.2 项目 src目录下 创建 shims.axios.d.ts 声明文件

这就是 interface 接口 合并

import { AxiosRequestConfig } from 'axios'declare module 'axios' {export interface AxiosRequestConfig {loading?: boolean}
}

1.3 添加 扩展属性成员声明后

啦啦啦,不报错啦

2. 扩展 antv/f2 chart.tooltip config 的 layout 属性

最近 在写移动端 charts 项目, 然后选择了 antv/f2 ,对比了 echarts , hightcharts ,最后选择了 antv/f2

  1. 因为 highcharts 需要授权,之前用过,但是公司估计不愿意话费这笔钱还是放弃
  2. echarts 应该是可以满足需求的
  3. antv/f2 是针对移动端的,而且以后小程序 可以使用,看了效果还不错, 所以选择用这款框架
  4. 背后有 阿里爸爸

这个问题 感觉是该项目的一个bug, 后期应该会改的

2.1 未扩展前

2.2 src 目录添加 shims.antv-f2.d.ts

import { TooltipParams } from '@antv/f2'declare module '@antv/f2' {export interface TooltipParams {layout?: string}
}

3. 显然不报错了

typescript 扩展第三方库类型,添加属性成员相关推荐

  1. 清华镜像源地址_PyCharm安装第三方库(内含添加国内镜像源方法)

    PyCharm添加第三方库 左上角File-->Setting 找到Project:自己的项目名(项目)-->点击Project interpreter(项目解释器)-->右上角+号 ...

  2. TypeScript 中为window对象添加属性

    众所周知,typescript是一款JavaScript的超集,其作用就是在于让我们开发者在艰辛的开发路途中,避免掉一些不必要的麻烦,这"一些不必要的麻烦"主要体现在于 TypeS ...

  3. 在PowerShell中创建对象并添加属性成员

    可在PowerShell中创建对象: 使用 New-Object 创建一个对象,名为 $box:对象初创时是空的,类型为System.Object: 如果直接为$box的一个属性赋值,该属性尚未创建, ...

  4. lua安全之关于lua扩展第三方库

    android lua require第三方扩展库有三种方式: 1. 用c实现独立的lua模块作为android的第三方动态库来引入,优点是lua扩展库独立方便更新替换,缺点是需要修改虚拟机,开启宏支 ...

  5. maven 加入第三方库_添加第三方库到Maven资源库

    问题: 在安卓.java.Scala中,总是要添加一些第三方的库. 在"pom.xml"添加如下: com.loopj.android.http android-async-htt ...

  6. [ffmpeg 扩展第三方库编译系列] 关于libopenjpeg mingw32编译问题

    在mingw32如果想编译libopenjpeg 会比较麻烦 会出现undefined reference to `_imp__opj_destroy_cstr_info@4' 等错误 因此编译时候需 ...

  7. 第 11 章 Python 第三方库纵览

    整理的文章内容主要来源为高教版<计算机等级考试二级 Python>教程视频讲义,并且更正了原讲义中的错误的地方. 专栏文章索引如下: 考试大纲 第 1 章 程序设计基本方法 第 2 章 P ...

  8. Python学习-8.2 库(第三方库介绍与下载安装)

    一.第三方库内容介绍 3.1.网络爬虫 网络爬虫是自动进行HTTP访问并捕获HTML页面的程序 requests库 是一个简洁且简单的处理HTTP请求的第三方库.优点:程序编写过程更接近正常URL访问 ...

  9. 基于python计算生态的第三方库总结与介绍

    摘要:Python语言有超过12万个第三方库,覆盖信息技术几乎所有领域.即使在每个方向,也会有大量的专业人员开发多个第三方库来给出具体设计.正是因为python有了这么多"隐形的翅膀&quo ...

最新文章

  1. 纹理滤波(Texture Filter)
  2. 2022年改变数据中心行业的八大趋势
  3. 朋友圈下拉刷新 android_下拉过程中的意符设计细节
  4. BootStrap 用法
  5. 在IntelliJ IDEA里配置Go开发环境
  6. java中常用的坑_Java技术开发中的坑
  7. goquery php,golang:Goquery简单爬虫实例
  8. mysql 慢日志 逻辑读_学会读懂 MySql 的慢查询日志
  9. ubuntu16.04安装caffe教程(仅cpu)
  10. 一些关于H.264的术语
  11. 计算机的键盘应用,电脑键盘应用小知识
  12. Linux的开源操作系统
  13. 【BZOJ1112】砖块Klo
  14. JAVA使用 Shade 进行依赖冲突处理
  15. python和arduino哪个好_基于Python和Arduino的智能花盆系统
  16. spyder安装+使用中的问题
  17. Tossing Bad Mupd Msg Pid In The Alert.Log
  18. js(javascript)页面刷新
  19. 行为设计模式:中介者模式
  20. bt5使用教程----渗透方面

热门文章

  1. 加密软件如何保护企业数据不外泄
  2. 推荐系统笔记(十二):常用激活函数gelu、swish等
  3. HexView工具使用
  4. Linux 中 sudo和su的区别
  5. Springboot Excel批量导入数据
  6. 本地存储和cookie
  7. cwf光源和tl84光源区别
  8. 原生JS实现鼠标按下拖拽效果
  9. Flutter踩坑记录之setState
  10. 图集与DrawCall分析