javascript - 如何使用 React 在 typescript 中安全地定义数组数组

Question

我确实有一个充满对象的数组，如下所示

const array1: 
       any[] = 
            [
            {firstName: "John", lastName: "Doe"},
            {firstName: "Jane", lastName: "Doe"},
       ],
       [
            {firstName: "John", lastName: "Doe"},
       ],
       [
            {firstName: "Jane", lastName: "Doe"},
       ]
]

我们确实有使用“any”的类型限制。

所以想知道定义 array1 类型的更好方法是什么。

Answer 1

为人物对象创建一个接口(interface)(如果你还没有)，然后使用它

interface Person {
  firstName: string,
  lastName: string,
}

const array1: Person[][] = [[
  {firstName: "John", lastName: "Doe"},
  {firstName: "Jane", lastName: "Doe"},
], [
  {firstName: "John", lastName: "Doe"},
], [
  {firstName: "Jane", lastName: "Doe"},
]];