Spread array destructuring in react-native errored

Question

The following code:

const [ ...routes, currentRoute ] = props.routes

Produces an unexpected token error on such line.

Why is this?

Answer 1

You can use rest operator only at the end of the destructuring expression, eg:

const [ currentRoute, ...routes ] = props.routes.reverse()

It is stated in ECMAScript 2015 Spec.#Destructuring Assignment , it could be hard to read but look at ArrayAssignmentPattern structure.