Ad

How To Create State Array React Hooks On Declaration

How do I create a state array with react hooks? I am passing a Type I used this method but it's showing me lint error. I also want to know it's the correct method

const [myList, setList] = React.useState<IList[]>([
  {
    ID: 1,
    Lname: "R1",
    LType: 1
  },
  {
    ID: 2,
    Lname: "R4",
    LType: 5
  }
]);

And my type looks like

interface IList {
  ID: number;
  Lname: string;
  LType: number;
}
Ad

Answer

You just need to tell it it's an array of objects. Here's a codesandbox example of this typing working now.

const [myList, setList] = React.useState<IList[]>([
        {
            ID: 1,
            Lname: "R1",
            LType: 1
        }, {
            ID: 2,
            Lname: "R4",
            LType: 5
        }])
Ad
source: stackoverflow.com
Ad