React組件中的TypeScript TS2339錯誤：屬性'xyz'在類型'IntrinsicAttributes ...'上不存在'

Question

我想創建一個簡單的React組件，它具有任何屬性。與any以下語法拒絕（只是<之前意外的標記）的工作：

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;...'

什麼是打字稿不高興？有人可以幫忙嗎？

在此先感謝！

Answer 1

它看起來像編譯器不明白，你正在使用TSX語法。驗證您的文件是否具有'tsx'擴展名。