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

news2025/1/18 10:42:02

今天在写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.coloradmin.cn/o/943971.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

金融行业步入大模型时代,AI重塑生态与价值

中国人工智能事业尽管起步较晚,但呈现出飞速发展的势头,自2014年起至今,经历了从创业高潮到应用部署再到技术瓶颈的全面生命周期,而今正迈入大规模商业变现的崭新阶段。围绕生成式AI浪潮下,谁能率先落地的AIGC应用&…

若依前端Vue3模板——自定义主题+炫彩主题

文章目录 若依框架新增自定义主题风格实现结果实现步骤默认主题的设置布局设置图标文件布局组件 准备CSS变量对状态管理库中的主题名称进行匹配logo图标组件左侧导航栏菜单组件顶部导航栏组件 炫彩主题实现结果实现步骤布局设置布局组件 其他展示内容的路由出口布局设置-开启to…

计算机网络aaaaaaa

差错检测 在一段时间内,传输错误的比特占所传输比特总数的比率称为误码率BER(Bit Error Rate) 11111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111…

HPC是如何助力AI推理加速的?

高性能计算(High-Performance Computing,HPC)通过提供强大的计算能力、存储资源和网络互联,可以显著地辅助人工智能(AI)应用更快地进行训练和推断。那么,HPC是如何助力AI推理加速的?…

电脑识别不了固态硬盘怎么办?

在使用固态硬盘时,可能会出现电脑无法识别的情况,这时我们就无法使用固态硬盘中的数据。那么,电脑识别不了固态硬盘怎么办? 为什么电脑识别不了固态硬盘? 一般来说,电脑识别不了固态硬盘是因为以下3个原因…

PO设计模式是selenium自动化测试中最佳的设计模式之一

Page Object Model:PO设计模式是selenium自动化测试中最佳的设计模式之一,主要体现在对界面交互细节的封装,也就是在实际测试中只关注业务流程就OK了传统的设计中,在新增测试用例之后,代码会有以下几个问题&#xff1a…

汽车3D HMI图形引擎选型指南【2023】

推荐:用 NSDT编辑器 快速搭建可编程3D场景 2002年,电影《少数派报告》让观众深入了解未来。 除了情节的核心道德困境之外,大多数人都对它的技术着迷。 我们看到了自动驾驶汽车、个性化广告和用户可以无缝交互的 3D 计算机界面。 令人惊讶的是…

Live800:在线沟通有这些新趋势

近年来,随着互联网技术的快速发展,越来越多的企业开始采用在线客服系统,以解决与客户沟通的问题。这项技术的出现,不仅改变了企业与客户之间沟通的方式,也为未来在线沟通提供了新的方向。 在线客服系统的特点主要有以下…

产品发布 | 成集云-积分商城系统

应用背景 近年来,随着互联网和移动支付的普及,消费者的消费行为逐渐从线下转移到线上。在互联网和移动支付的竞争中,如何吸引和留住用户是各个平台面临的重要问题。 积分商城的起源可以追溯到用户积累一定积分后,使用积分换购商品…

(笔记三)opencv图像基础操作

强调:本文只为学习记录做笔记 详细可参考opencv官网 :https://docs.opencv.org/4.1.1/d0/d86/tutorial_py_image_arithmetics.html (1)将cv2的BGR模式改为RGB模式 #!/usr/bin/env python # -*- coding:utf-8 -*- ""&q…

Bently 146031-01瞬态数据接口模块

数据采集: 该模块用于采集旋转机械(如涡轮机、发电机、压缩机等)的振动、温度、压力、电流等数据。这些数据有助于监测设备的性能和状态。 瞬态数据: 该模块专门用于瞬态数据采集,这意味着它能够捕获和存储瞬时事件和…

【漏洞复现】万户协同办公平台未授权访问漏洞

漏洞描述 万户ezOFFICE协同管理平台涵盖门户自定义平台、信息知识平台管理、系统管理平台功能,它以工作流引擎为底层服务,以通讯沟通平台为交流手段,以门户自定义平台为信息推送显示平台,为用户提供集成的协同工作环境。该平台存…

汽车自适应巡航系统车距控制策略研究

1 引言 自适应巡航控制( Adaptive Cruise Control,ACC) 是汽车驾驶辅助系统的重要组成部分,其作用是根据车距传感器探测到本车( ACC 车辆) 与主目标车辆( 前车) 之间的相对位置和相对速度信息,自动调节ACC 车辆的节气门开度或部分制动力矩( 即…

水利部信息中心:数字孪生流域14家先行先试取得成效

(1)长江委 对汉江中下游一维水动力学模型进行升级改造,在确保模型计算精度的同时进一步提升模型的计算速度和稳定性,已更新集成至数字孪生汉江系统,更好支持防洪调度策略推荐等业务功能,具有较好推广性。 …

JAVA基础-JDBC

本博客记录JAVA基础JDBC部分的学习内容 JDBC基本概念 JDBC : JAVA链接数据库,是JAVA链接数据库的技术的统称,包含如下两部分: 1. JAVA提供的JDBC规范(即各种数据库接口)存储在java.sql 和 javax.sql中的api 2. 各个数…

非计算机专业的大学生能否学好编程?答案可能会让你惊喜

你是不是经常听到这样的说法:编程只适合计算机专业的学生,非计算机专业的学生学不好编程,或者学了也没用?如果你是非计算机专业的学生,而且对编程感兴趣,那么我要告诉你一个好消息:这些说法都是…

关系数据库如何使用AutoSklearn一键构建预测模型并进行结果可视化

AutoSklearn 是一个自动化机器学习工具,可以根据提供的数据集自动构建和优化机器学习模型。要使用 AutoSklearn 来构建预测模型并实现自动化预测,可以按照以下步骤进行操作: 安装 AutoSklearn:shellpip install automl 导入所需的库和模块:准备数据表:将关系数据表转换…

基于飞桨图学习框架的空间异配性感知图神经网络

本期文章将为大家分享飞桨社区开发者肖淙曦、周景博发表于数据挖掘顶会KDD2023的论文《Spatial Heterophily Aware Graph Neural Networks》。 肖淙曦 肖淙曦,百度研究院商业智能实验室研究实习生,中国科学技术大学在读博士生,主要从事时空…

非科班菜鸡算法学习记录 | 代码随想录算法训练营第49天||121. 买卖股票的最佳时机 122.买卖股票的最佳时机II

121. 买卖股票的最佳时机 知识点:动规 状态:看思路ok 思路: 维护一个二维dp,dp【i】【0】表示第i1天不持有股票时候的情况: 有两种情况,昨天就不持有股票所以直接等于昨天,或者是今天卖出了…

【SpringBoot】两种配置文件, 详解 properties 和 yml 的语法格式, 使用方式, 读取配置

文章目录 前言一、配置文件的作用二、两种配置文件格式1, properties 格式语法2, properties 格式缺点3, yml 格式语法4, yml 格式缺点5, yml 支持更多类型 三、配置文件的读取三、不同环境下的配置文件总结 前言 各位读者好, 我是小陈, 这是我的个人主页, 希望我的专栏能够帮助…