如何在 TypeScript 中同时使用“Pick”和“&”关键字声明数组 object 的类型

Question

我对 TypeScript 很陌生，我想要的是声明数组 object 的类型，如下所示。

const temp = [{
  id: 0, // number
  follower_id: 0, // number
  followee_id: 0, // number
  created_at: '', // string 
  delete_at: '', // string
}, {
  id: 1,
  follower_id: 1,
  followee_id: 0,
  created_at: '',
  delete_at: '',
}];

我可以为临时数组创建一个新类型，但我只想重用我之前定义的类型，这样我就可以避免重复无意义的输入。 所以，这是我制作的类型。 userStateType 的两个接口。

interface IUserInfo {
  id: number;
  created_at: string;
  deleted_at: string | null;
  username: string;
  description: string;
  image_url: string;
  name: string;
  updated_at: string;
}

interface IFollows {
  follower_id: number,
  followee_id: number
}

我试着写下我的 UserStateType，如下所示。

type UserStateType = {
  userInfo: IUserInfo | null
  followers: Pick<IUserInfo, 'created_at' | 'deleted_at'> & IFollows | null
};

但是 UserStateType 中的追随者必须是数组类型而不是 object 类型，因此会发生类型错误。 （目前，我使用这种类型来避免类型错误。 followers: [] | null ）

我什至不能使用[]因为我不仅使用了Pick关键字，而且在那边使用了& 。

在这种情况下，我该如何想出有效的解决方案？

如果我的解释不够清楚，请评论！

Answer 1

你很亲密。 你只需要把它变成一个数组：

followers: (Pick<IUserInfo, 'created_at' | 'deleted_at'> & IFollows)[] | null

或者你可以创建一个Follower类型并使用它：

type Follower = Pick<IUserInfo, 'created_at' | 'deleted_at'> & IFollows;

type UserStateType = {
  userInfo: IUserInfo | null;
  followers: Follower[] | null;
};

Answer 2

你只是缺少括号：

interface IUserInfo {
    id: number;
    created_at: string;
    deleted_at: string | null;
    username: string;
    description: string;
    image_url: string;
    name: string;
    updated_at: string;
}

interface IFollows {
    follower_id: number,
    followee_id: number
}

type UserStateType = {
    userInfo: IUserInfo | null
    followers: (Pick<IUserInfo, 'created_at' | 'deleted_at'> & IFollows)[]
};

然后你可以这样做：

const example:UserStateType = { followers:{created_at:'',deleted_at:'',followee_id:0,follower_id:0}], userInfo:null}