我想复制对象并更改其中一个字段.大概是这样的:

const initialState = {
  showTagPanel: false,
};

export default function reducerFoo(state = initialState, action) {

  switch(action.type) {
    case types.SHOW_TAG_PANEL:
      console.log(state);

      return {
        ...state,
        showTagPanel: true
      };

    default:
      return state;
  }
}

这段代码运行良好,但eslint显示错误

Unexpected token (14:8)
  12 |
  13 |       return {
> 14 |         ...state,
     |         ^
  15 |         showTagPanel: true
  16 |       };
  17 |

这是我的.ESRC:

{
  "extends": [
    "eslint:recommended",
    "plugin:import/errors",
    "plugin:import/warnings"
  ],
  "plugins": [
    "react"
  ],
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true,
    "jquery": true,
    "mocha": true
  },
  "rules": {
    "quotes": 0,
    "no-console": 1,
    "no-debugger": 1,
    "no-var": 1,
    "semi": [1, "always"],
    "no-trailing-spaces": 0,
    "eol-last": 0,
    "no-unused-vars": 0,
    "no-underscore-dangle": 0,
    "no-alert": 0,
    "no-lone-blocks": 0,
    "jsx-quotes": 1,
    "react/display-name": [ 1, {"ignoreTranspilerName": false }],
    "react/forbid-prop-types": [1, {"forbid": ["any"]}],
    "react/jsx-boolean-value": 1,
    "react/jsx-closing-bracket-location": 0,
    "react/jsx-curly-spacing": 1,
    "react/jsx-indent-props": 0,
    "react/jsx-key": 1,
    "react/jsx-max-props-per-line": 0,
    "react/jsx-no-bind": 1,
    "react/jsx-no-duplicate-props": 1,
    "react/jsx-no-literals": 0,
    "react/jsx-no-undef": 1,
    "react/jsx-pascal-case": 1,
    "react/jsx-sort-prop-types": 0,
    "react/jsx-sort-props": 0,
    "react/jsx-uses-react": 1,
    "react/jsx-uses-vars": 1,
    "react/no-danger": 1,
    "react/no-did-mount-set-state": 1,
    "react/no-did-update-set-state": 1,
    "react/no-direct-mutation-state": 1,
    "react/no-multi-comp": 1,
    "react/no-set-state": 0,
    "react/no-unknown-property": 1,
    "react/prefer-es6-class": 1,
    "react/prop-types": 1,
    "react/react-in-jsx-scope": 1,
    "react/require-extension": 1,
    "react/self-closing-comp": 1,
    "react/sort-comp": 1,
    "react/wrap-multilines": 1
  }
}

我该怎么修?

推荐答案

Update as of eslint 5.0.0

资料来源:https://eslint.org/docs/5.0.0/user-guide/migrating-to-5.0.0

.eslintrc文件中添加ecmaVersion: 2018parserOptions.

{
  "extends": [
    "eslint:recommended"
  ],
  "parserOptions": {
    "ecmaVersion": 2018,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
    }
  }
}

Original answer

.eslintrc文件中添加"experimentalObjectRestSpread": trueecmaFeatures.

Example

{
  "extends": [
    "eslint:recommended"
  ],
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "experimentalObjectRestSpread": true
    }
  }
}

Reactjs相关问答推荐

如何实现黑暗模式 map ?

如何使用React防止并发注册并处理Firestore数据库中的插槽可用性

LocalStore未存储正确的数据

Formik验证不适用于物料UI自动完成

将动态元素中的输入数据传输到Reaction

REACTJS:在Reaction中根据路由路径更改加载器API URL

有没有办法将在服务器端全局获取的一些数据传递到Next&>13应用程序目录中的客户端组件?

Reaction路由DOM v6不包含上下文(Supabase)

在每页上应用字体-NextJS

点击页脚链接时,如何更改ReactJS导航栏中的活动菜单项(样式为Tailwind CSS)?

React redux 工具包 useGetFilterProductsQuery 和 useGetFilterProductsByCategoriesQuery 未定义为函数

我无法通过 useContext 显示值

在一个事件处理程序中进行多次调度是个好主意吗?

如何管理可重用无线电输入的 React 状态?

Reactjs:MUI5:MobileDateTimePicker API:如何自定义日历中的文本

ReactJS on AWS Amplify与EC2上的Spring boot服务之间的混合内容错误

在准备回调中使用状态属性(Redux 工具包)

React CSSTransition 两次创建新页面并在这两个相同的页面上运行转换

如果 URL 已随功能组件更改,则取消刷新

MUI 卡组件上的文本未正确对齐