在Typescript中使用ES6擴展運算符組合兩個數組

Question

我試圖使用如下所示的散布對象將兩個數組合並為一個：

const queryVariable = {
      ...this.state,
      filters: [...Object.keys(extraFilters || {}), ...this.state.filters],
    }

this.state.filters是一個數組。 但是打字稿給我以下錯誤：

Type must have a '[Symbol.iterator]()' method that returns an iterator.

我在這里做錯了什么？

Answer 1

檢查tsconfig.json中的打字稿編譯器選項

 "compilerOptions": {
    "target": "es6"
 }

請參閱此https://github.com/Microsoft/TypeScript/issues/22768

Answer 2

它正在（可能）抱怨... this.state。 對象上的傳播運算符是ES2018的功能。