主页 / 问题 / 1090468
Accepted
Igor
Asked:2020-03-04 13:42:09 +0000 UTC2020-03-04 13:42:09 +0000 UTC

TS2322：类型 '* | *' 不能分配给类型 '* & *'。像类型'test1' | “test2”变成“test1”和“test2”？

  • 772

有一个类构造函数

type Params = { social?: Social; seo?: SEO };

class Class {
  public seo?: SEO;
  public social?: Social;

  constructor(params: ParamsCreating) {
    const { title, content, dateTime, id, ...extra } = params;
    if (extra) {
      Object.keys(extra).forEach((key: keyof Params) => {
        this[key] = extra[key];
        ^----
      });
    }
  }
}

编译器输出以下错误：

TS2322：类型“社交 | SEO' 不可分配给类型 'Social & SEO'。“社交”类型不能分配给“社交和 SEO”类型。“社交”类型中缺少属性“标签”，但在“SEO”类型中是必需的。

如果我像这样手动重写它：

type Params = { social?: Social; seo?: SEO };

class Class {
  public seo?: SEO;
  public social?: Social;

  constructor(params: ParamsCreating) {
    const { title, content, dateTime, id, ...extra } = params;
    if (extra) {
      Object.keys(extra).forEach((key: 'seo' & 'social') => {
        this[key] = extra[key];
      });
    }
  }
}

顺利通过，没有错误。

如何重写此代码以用key: 'seo' & 'social'更灵活的方式替换构造？

typescript

1 个回答

  1. Best Answer

    有时候把TS闭嘴也不错

    Object.keys(extra).forEach(key => {
    // @ts-ignore
    this[key] = extra[key]
})

    但是在您的情况下，它不是条件和迭代，而是更合乎逻辑且更易于使用

    Object.assign(this, extra)

    有一些代码

    • 2

相关问题