javascript - 转换匿名函数参数

Question

我在 React 中有一个函数(使用 typescript )，其中容器组件将变量传递给子组件。变量是函数。然而，当我传递这些时，我收到“noImplicitAny”错误。 ZoomIn 和 ZoomOut 是函数，rest 看起来像一个数组。我应该如何为 ZoomIn、zoomOut 和 ...rest 分配类型？

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

Answer 1

函数的类型可以是 Function 来匹配任何函数，但最好像这样指定参数和返回类型:

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

对于像 zoomIn 这样的情况，它可能是 () => void。

对于rest，您可以将类型设置为any[]，尽管可能有更好的类型 - 从提供的有限代码示例中尚不清楚。请记住，该错误是“无隐式任何”，这意味着您可以根据需要将其设为显式任何。