转换匿名函数参数

Question

我在 react 中有一个函数（使用打字稿），其中容器组件将变量传递给子组件。变量是函数。但是，当我传递这些内容时，出现 "noImplicitAny" 错误。 zoomIn 和 zoomOut 是函数，rest 看起来像一个数组。我应该如何为 zoomIn、zoomOut 和 ...rest 分配类型？

<TransformWrapper>
  {({ zoomIn, zoomOut, ...rest }) => (
    <TransformComponent>
      <Something onClick={zoomIn} />
     <TransformComponent/>
   )}

Answer 1

函数的类型可以是Function以匹配任何函数，但最好指定参数和return类型，如下所示：

myFunc: (p1: type1, p2: type2) => returnType

在类似 zoomIn 的情况下，它可能是 () => void。

至于 rest，您可以将类型设置为 any[]，尽管可能有更好的类型 - 从提供的有限代码示例中不清楚。请记住，错误是 'no implicit any'，这意味着您可以根据需要将其显式化。

转换匿名函数参数

Casting anonymous function parameters

javascript

typescript

reactjs

react-typescript