reactjs - 属性...在类型 'IntrinsicAttributes & ...' 上不存在

Question

我将 .js 文件更改为 typescript 文件 .tsx。我在文件中定义了以下函数:

function MyCard(param1: ObjectDto, toggleFunction: any) {}

我在另一个 .tsx 文件中使用此函数，如下所示

<MyCard param1={param1Value} toggleFunction={myToggleFunction} />

但我收到以下错误:

Type '{ param1: ObjectDto; toggleFunction: (index: any) => void; }' is not assignable to type 'IntrinsicAttributes & ObjectDto'. Property 'param1' does not exist on type 'IntrinsicAttributes & ObjectDto'.

在更改为 Typescript 格式之前，这工作得很好。我该如何修复 Typescript 的这个问题？

Answer 1

组件只有一个参数，即 props 对象，因此您的函数应如下所示:

function MyCard(props: { param1: ObjectDto, toggleFunction: any }) {}

类型系统正在尝试将属性与函数的第一个参数(类型为 ObjectDto)相匹配。这就是为什么你会收到错误

is not assignable to type 'IntrinsicAttributes & ObjectDto'