import * as React from 'react'
import { report, valueColor } from './Constant'
import StatCard from './StatCard'

export default function ListOfStat() {
  return (
    <div className="w-11/12 mx-auto mt-10 grid gap-2">
      {report.casese.map((stat, index) => {
        const { label, value, delta } = stat
        return (
          <StatCard stat={stat} key={index} valueColor={valueColor[index]} />
        )
      })}
    </div>
  )
}

请帮我摆脱困境!提前谢谢.

错误是

Binding element 'stat' implicitly has an 'any' type.  TS7031

    1 | import React from 'react'
    2 | 
  > 3 | export default function StatCard({ stat, valueColor }) {
      |                                    ^
    4 |   const { label, value, delta } = stat
    5 |   return (
    6 |     <div className="h-28 w-full bg-grey-200 rounded flex items-center p-5 ">


推荐答案

如果您使用的是Typescript文件(*.ts*.tsx),那么应该为StatCard个参数声明类型.否则,如果不喜欢类型,请将文件重命名为*.js*.jsx.

我认为这些类型的修复应该如下所示(请判断正确的类型):

export default function StatCard({ 
  stat,
  valueColor,
}: { 
  stat: { label: string, value: number, delta: number }
  valueColor: number
}) {
...
}

Typescript相关问答推荐

排序更改数组类型

如何将http上下文附加到angular中翻译模块发送的请求

类型脚本如何将嵌套的通用类型展开为父通用类型

在将对象从一个对象转换成另一个对象时,可以缩小对象的键吗?

在键和值为ARGS的泛型函数中未正确推断类型

如何在Typescript 中输入两个相互关联的变量?

Vue SFC中的多个脚本块共享导入的符号

如何按不能保证的功能过滤按键?

我想创建一个只需要一个未定义属性的打字脚本类型

打印脚本中的动态函数重载

参数属性类型定义的REACT-RUTER-DOM中的加载器属性错误

在对象中将缺省值设置为空值

Typescript 类型守卫一个类泛型?

为什么Typescript只在调用方提供显式泛型类型参数时推断此函数的返回类型?

在抽象类属性定义中扩展泛型类型

完全在类型系统中构建的东西意味着什么?

使用泛型以自引用方式静态键入记录的键

如何使用useSearchParams保持状态

Typescript泛型-键入对象时保持推理

如何使用动态生成的键和值定义对象的形状?