绑定元素'stat‘隐式具有’任意‘类型。打字稿中的TS7031

Question

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>
  )
}

请帮帮我！提前谢谢。我已经做了很多事情来解决这个问题。我从教程https://www.youtube.com/watch?v=nZPrwNK-tz8中复制了代码

错误是

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 ">

Answer 1

如果使用的是类型记录文件(*.ts或*.tsx)，则应声明StatCard参数的类型。否则，如果不喜欢类型，请将文件重命名为*.js或*.jsx。

我认为这些类型的修复应该如下所示(请检查正确的类型)：

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