javascript - 使用 Rest 运算符获取解构错误？

Question

我假设这一定是使用 rest 语句进行解构？这到底在做什么？问题是，我在 WebStorm 中遇到错误:

const cars = {...this.state.cars}

错误:意外的 token

它指的是第一个 {

这是 react 组件方法:

addCar(car){
    const cars = {...this.state.cars};
    const timestamp = Date.now();
    cars[`car-${timestamp}`] = car;
    this.setState({ cars })
  }

我确实有 babel 设置和工作，因为其他一切似乎都工作正常，例如导入等。

Answer 1

这是扩展属性语法，它正在创建 this.state.cars 的浅拷贝。这意味着这一行:

cars[`car-${timestamp}`] = car;

不会导致将附加 key 添加到 this.state.cars。也就是说，它被专门用于 this.state.cars 未突变。

要将传播属性包含在您的 Babel 配置中，您需要使用 babel-plugin-syntax-object-rest-spread和 babel-plugin-transform-object-rest-spread插件 - 包含在 stage-2 中预设。