How do I define an array of objects in a state in React Typescript?

Question

I need to initialize an array of objects in my state in react Ts. The array should look somewhat like this

  addressBook[
       details{
           name:"Tom"
           mail: "[email protected]"
           mobile: "1111111111"
       }
   ]

I need to create an array of objects like this which will contain multiple contacts with their details.

Giovanni Esposito · Accepted Answer · 2021-03-10 07:56:07Z

2

Define an interface:

interface Detail {
  name: string;
  mail: string;
  mobile: string;
}

Then in component definition:

const DetailPage = (): ReactElement => {
   const [details, setDetails] = useState<Detail[]>([]);

   return ( . . . );
};

answered Mar 10, 2021 at 7:42

Giovanni Esposito

11.3k1 gold badge19 silver badges33 bronze badges

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

1 Comment

I need to define it in a state. How would I be doing that?