在下面提到的情况下,如何为爱好提供打字稿类型?

时间:2019-01-07 18:02:51

标签: javascript arrays typescript typescript-typings

爱好可以得到两个可能的值。

  1. []这样的空数组。
  2. 一组对象,例如[{id:0, hobby:'cooking'},{id:1, hobby:'sports'}]

如何编写 hobbyies 变量的类型,在该变量中它可以得到如上所述的两个可能的值。

2 个答案:

答案 0 :(得分:2)

在这种情况下,您只需要一种类型。它将涵盖和完整阵列的情况。

interface Hobby {
  id: number;
  hobby: string;
}

let emptyArray: Hobby[] = [];
let fullArray: Hobby[] = [{id: 0, hobby: 'cooking'}];

答案 1 :(得分:0)

这样的事情。

创建一个名为Hobby的类并为其提供属性:

export default class Hobby { id: number, hobby: string }

然后在定义兴趣爱好的组件中,可以导入新类Hobby并创建一个属性,如

hobbies: Hobby[]

希望这会有所帮助!