Object.keys迭代导致Typescript错误“元素隐式具有'any‘类型，因为索引表达式不是’number‘类型”
Object.keys迭代导致Typescript错误“元素隐式具有'any‘类型，因为索引表达式不是’number‘类型”
提问于 2020-12-20 18:06:03
我正在尝试显示返回对象的API调用的结果。为了执行.map，我使用了Object.keys，这样它就可以显示结果。
我正在学习打字的新手，并尝试在一个个人项目中练习，但我被这个问题难住了。
我正在进行一个API调用，然后返回一个对象。为了打印值，我使用Object.keys来映射这些值。
rates: Object
EUR: 0.8157272208
AUD: 1.3138918346
BRL: 5.1119993474
GBP: 0.7409087201
base: "USD"
date: "2020-12-18"这是我的codesandbox (如果我切换到.ts文件，整个代码就会爆炸) https://codesandbox.io/s/challenge-7-fetch-a-list-final-forked-7wtwu?file=/src/index.js
TypeScript error in /Users/username/gitrepos/crypto-convert/src/App.tsx(60,39):
Element implicitly has an 'any' type because index expression is not of type 'number'. TS7015
58 | Object.keys(cryptos).map((crypto, index) => (
59 | <li key={index}>
> 60 | {crypto} : {cryptos[crypto]}
| ^
61 | </li>网上有一些时髦的解决方案和绕过错误的方法，但我不想做任何老生常谈的事情，因为重点是了解更多关于TS的知识。有人能帮我找出我哪里做错了吗？谢谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-12-20 18:21:21
Object.keys的类型错误，返回的是string[]而不是参数的键。因此，不能保证crypto是cryptos的关键字。避免这种情况的一种方法是将Object.keys
(Object.keys(cryptos) as keyof typeof cryptos).map(...)或者，只使用Object.entries来遍历键和值：
Object.entries(cryptos).map(([key, value], index) => (
<li key={index}>
{key}: {value}
</li>
)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65383113
复制
相似问题
你总是需要一个原型单元吗？
如果你有分类任务，你总是需要一个热编码吗？
你能在foq中设置递归mock吗？
你能用mock_open模拟串行连接吗？
Android片段并创建它们的新实例。你总是需要一个容器吗？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
