Combining two arrays using ES6 spread operator in Typescript

Question

I'm trying to combine two arrays into one using the spread object like below:

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

this.state.filters is an array here. But typescript gives me the following error:

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

What am I doing wrong here?

Mahesh · Accepted Answer · 2018-07-02 13:13:10Z

4

Check the typescript compilier options in tsconfig.json

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

answered Jul 2, 2018 at 13:13

Mahesh

1593 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

A. Llorente · Accepted Answer · 2018-07-02 13:03:29Z

0

It is complaining (probably) about the ...this.state. Spread operator on objects is an ES2018 functionality.

answered Jul 2, 2018 at 12:53

A. Llorente

1,1826 silver badges18 bronze badges