当前位置: 首页 > news >正文

元素隐式具有 “any“ 类型,因为类型为 “string“ 的表达式不能用于索引类型

今天在写ts文件的过程中,我遍历了一个对象,然后取值的时候发现爆红,如下图👇
在这里插入图片描述
经过我一通排查(原因我对ts也不是很熟练),了解到大致意思是说key的值类型不是string类型,在javascript中是默认给你转好的,而在Typescript中则不是,因此要么转,要么声明,要么忽略…

  • 方案一:忽略
    tsconfig.jsoncompilerOptions里面新增忽略的代码,就不会报错了,如下
"suppressImplicitAnyIndexErrors": true
  • 方案二:声明
    在定义的Interface里对其进行声明,如下所示:
interface IComponent {[key:string]: any
}
const allGloablComponent:IComponent = {SvgIcon,Pagination};

在这里插入图片描述
或者可以直接省略interfaceconst后面定义类型也OK
在这里插入图片描述

  • 方案三:对其使用keyof进行判断
之前这样的,爆红:
allGloablComponent[key]
修复之后这样写:
allGloablComponent[key as keyof typeof allGloablComponent]

已经不报错啦!!!
在这里插入图片描述
个人推荐方案二和方案三,方案一有点any的味道,意义不大,不推荐!

http://www.lryc.cn/news/144490.html

相关文章:

  • 34、springboot切换内嵌Web服务器(Tomcat服务器)与 生成SSL证书来把项目访路径从 HTTP 配置成 HTTPS
  • 3种CSS实现背景图片全屏铺满自适应的方式
  • M1 Pro 利用docker 搭建pytho2的开发环境,以vscode连接开发为例
  • MySQL概述,架构原理
  • Three.js实现模型,模型材质可拖拽效果 DragControls
  • 机器学习笔记之优化算法(二十)牛顿法与正则化
  • 【Go 基础篇】深入探索:Go语言中的切片遍历与注意事项
  • 一些经典的SQL语句
  • 〔018〕Stable Diffusion 之 批量替换人脸 篇
  • Unity字符串性能问题
  • 深入浅出SSD:固态存储核心技术、原理与实战(文末赠书)
  • 关于layui+php,三级联动-编辑回显的问题。
  • lua的函数
  • pytorch/tensorflow 直接给张量中的某个位置的值赋值,操作不可导。
  • 如何使用CSS实现一个平滑滚动到页面顶部的效果(回到顶部按钮)?
  • 【RuoYi移动端】uniApp导入和引用uView2.0插件
  • etcd 备份还原
  • LInux之chrony服务器
  • 《Flink学习笔记》——第七章 处理函数
  • Nacos基础(3)——nacos+nginx 集群的配置和启动 端口开放 nginx反向代理nacos集群
  • 传承精神 缅怀伟人——湖南多链优品科技有限公司赴韶山开展红色主题活动
  • 安全知识普及-如何创建一个安全的密码
  • Lua基础知识
  • Java Math方法记录
  • Java XPath 使用(2023/08/29)
  • el-table动态生成多级表头的表格(js + ts)
  • 四、Kafka Broker
  • ssm+vue医院医患管理系统源码和论文
  • 汽车电子笔记之:基于AUTOSAR的电机控制器架构设计
  • Docker 可以共享主机的参数