...休息不在 Edge，React 项目中工作

Question

handleSaveDefault = () => {
    let { Default, ...rest } = this.state.views;
    this.handleViewMenuClose();
    let setState = () => {
      return this.setState({
        views: { Default: [...this.state.selectedFields], ...rest },
      });
    };

这在 chrome 中工作正常，但在 Edge 中我得到一个错误 Expected identifier, string or number 指向 let { Default, ...rest } = this.state.views;

中的 ...rest

我读到...rest 在旧版本的 Edge 中不受支持，但现在应该支持了。我已更新 Windows 但错误仍然存在。我安装了 babel，它出现在我的包中-lock.json 但没有出现在 package.json.

中

有没有办法让它工作，或者我是否必须创建自己的循环解决方法？

Answer 1

您使用的是哪个版本的 Edge？请检查浏览器设置中的 Edge 版本。 Object rest/spread properties is not supported by Edge Legacy but supported by Edge Chromium. If you want to use the new Edge Chromium, you need to download 并手动安装。仅更新 Windows 不会升级您的 Edge 浏览器。

如果你想在Edge Legacy中支持对象rest/spread属性，你可以参考以下步骤：

安装 @babel/plugin-proposal-object-rest-spread 运行:

npm install --save-dev @babel/plugin-proposal-object-rest-spread

然后将其作为插件添加到 package.json:

{
  "plugins": ["@babel/plugin-proposal-object-rest-spread"]
}

更详细的信息可以参考 and this article。

Answer 2

我能够通过将 Edge Legacy 更新为 Edge Chromium 来解决它。

...休息不在 Edge，React 项目中工作

...rest not working in Edge, React project

reactjs

babeljs

microsoft-edge

object-destructuring