CODEWITHSUNDEEP
reactjstypescript
MeltingDog
MeltingDog

Reputation: 15488

TypeScript: how to send array as a prop?

I am sending an array of data to a component as a prop, like:

<InfoTable TableInfo={tableRows} />;

Where tableRows is the array.

On my InfoTable component file I define my props like 

interface InfoTableProps {
  tableInfo: TableInfo[];
}

Which allows me to .map() through the tableInfo array, eg:

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

This works fine. However, my compiler gets a warning on tableInfo: TableInfo[];

Cannot find name 'TableInfo'. TS2304

I've tried Googling the problem of course but I just get people asking the same question.

Would anyone know how to remove this error or what it means?

Upvotes: 0

Views: 147

Answers (1)

yen
yen

Reputation: 2332

Don't you need to define the TableInfo type somewhere?

eg

Interface TableInfo {
  id: number
  name: string
}

Sorry If you've already done that and its something else :-)

Upvotes: 1

Related Questions