网站搜索

reactjs - 如何在声明时使用 React Hooks 创建状态数组


我如何使用 React Hooks 创建一个状态数组?我传递了一个类型,我使用了这种方法,但它显示我有 lint 错误。我还想知道这是否是正确的方法

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;
}

答案#1

你只需要告诉它这是一个 对象数组。这是一个 codesandbox 示例,展示了这种类型现在如何工作。

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

答案#2

看起来你传入的状态类型错误。看起来应该是 IList[],而不是 IList

如果你仍然看到错误,分享它们可能会有帮助。