Using Interfaces as an attribute in TypeScript React

Question

I have a class called Tab which has three props:

where Part has this code in Tab.tsx:

interface Part {
    desc: string,
    link: string
}

But when I create a Tab in Menu.tsx (the parent), I am unsure how to define the parts attribute.

<Tab num="1" desc="Description" parts=? />

How do I go about this?

parts is an array of objects parts={[{desc: 'bla', link: 'foo'}]} — Ramesh Reddy
– Ramesh Reddy, Commented Dec 20, 2021 at 19:16

Marco Santos · Accepted Answer · 2021-12-20 20:07:50Z

2

parts is an Array of objects in the shape of { desc: string; link: string; }.

Pass it this way: [{ desc: "foo", link: "bar" }, { desc: "foo", link: "baz" }].

Example:

<Tab
 num="1"
 desc="Description"
 parts={[{ desc: "foo", link: "bar" }, { desc: "foo", link: "baz" }]}
/>

answered Dec 20, 2021 at 20:07

Marco Santos

512 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1