如何在 typescript ReactJs 中将一个类的对象转换为另一个类的对象？

Question

我有两个这样定义的接口：

export interface PostView{
    postName: string;
    postTime: Time;
    message: string | null;
    replies: { [P in AccountType]?: Reply[][] };
}

export interface Post{
    postName: string;
    postTime: Time;
    message: string | null;
    replies: { [P in AccountType]?: Reply[] };
}

您可以看到除了replies字段之外，两个interface定义都是相同的。

现在，在一个.tsx文件中，我得到一个PostView对象。 我想调用另一个需要Post对象的函数。 此外，对于replies字段，我必须向函数发送空对象。

这就是我目前的情况。

  const postViewObject: any = props.myPostView;
  postViewObject.replies= {};
  const request: Post = postViewObject;
  functionToBeCalled(request);

您可以看到我正在将PostView对象分配给我不想做的any类型的变量。 然后我将replies字段更新为空对象并将其转换为Post对象。

有没有更好的方法来编写这段代码？

Answer 1

您可以使用扩展运算符创建一个新的帖子对象：

const request: Post = {
    ...props.myPostView,
    replies: {}
}