如何创建状态数组反应对声明的钩子

Question

如何使用react钩子创建状态数组？我正在传递类型 我使用了这种方法，但它向我显示了棉绒错误。 我也想知道这是正确的方法

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

我的类型看起来像

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

Answer 1

您只需要告诉它它是对象的 array 。其中Here's a codesandbox example可以正常工作。

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

Answer 2

您似乎输入了错误的状态类型。看起来应该是IList而不是IList[]

如果您仍然看到错误，则共享它们可能会很有用。