TypeScript：如何發送數組作為道具？

Question

我將一組數據作為道具發送到組件，例如：

<InfoTable TableInfo={tableRows} />;

其中tableRows是數組。

在我的 InfoTable 組件文件中，我定義了我的道具，例如

interface InfoTableProps {
  tableInfo: TableInfo[];
}

這允許我通過 tableInfo 數組.map() ，例如：

let tableRow = tableInfo.map(function(tableInfoRow) {
  // Do some stuff
}

這工作正常。 但是，我的編譯器在tableInfo: TableInfo[];上收到警告。

找不到名稱“TableInfo”。 TS2304

我當然試過用谷歌搜索這個問題，但我只是讓人們問同樣的問題。

有人知道如何刪除此錯誤或它的含義嗎？

Answer 1

您不需要在某處定義TableInfo類型嗎？

例如

Interface TableInfo {
  id: number
  name: string
}

抱歉，如果您已經這樣做了，還有其他事情:-)