reactjs - React 组件 : Property 'xyz' does not exist on type 'IntrinsicAttributes...' 中的 TypeScript TS2339 错误

Question

我正在尝试创建一个带有任何属性的简单 React 组件。以下语法与 any拒绝工作(< 之前的意外 token ):

export class ValidatedInput extends React.Component<any, any> {...}

通过替换 any 错误消失了与 {} (有人可以解释一下区别吗):

export class ValidatedInput extends React.Component<{}, {}> {...}

但是，现在当我在另一个文件中使用组件时，它会提示我发送到组件中的属性。例如:

<ValidatedInput
    entity={book}
/>

这给了我一个错误:

TS2339: Property 'entity' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes' & Readonly<{ children?: ReactNode;...'

TypeScript 有什么不满意的？有人可以帮忙吗？

提前致谢!

Answer 1

编译器似乎无法理解您使用的是 tsx 语法。验证您的文件是否具有“tsx”扩展名。