React - Eslint - Camel 骆驼箱道具答案

【问题标题】：React - Eslint - Camel camel case propsReact - Eslint - Camel 骆驼箱道具
【发布时间】：2019-09-27 10:50:22
【问题描述】：

我有一个关于标准 eslint 和骆驼箱的问题。我对这种类型的代码有一个冗余错误。

const response = yield call(currentAccount, localStorage.getItem('auth_token'))
  console.log(`RESPONSE ${JSON.stringify(response)}`)


  if (response) {
    const { id, email, first_name, last_name, name } = response

    yield put({
      type: 'user/SET_STATE',
      payload: {
        id,
        name,
        email,
        authorized: true,
        lastname: last_name,
        firstname: fist_name
      },
    })
  }

第 53 行：标识符“first_name”不是驼峰式驼峰式

如何在不对此类格式禁用 esLint 的情况下修复此错误？

非常感谢

【问题讨论】：

我认为如果你使用驼峰式语法可以修复它。而不是first_name 尝试firstName 并检查。或者你想强行关闭然后检查这个文档eslint.org/docs/rules/camelcase#ignoredestructuring-true
解构时可以重命名：const { first_name: firstName } = response;.
哦，谢谢 jonrsharpe，我之前正在做相反的事情。
除了使用camel case之外，您希望如何在不禁用它的情况下修复它！？如果需要，您可以为文件、部分或仅行禁用它

标签： javascript reactjs eslint camelcasing

【解决方案1】：

解构时可以分配不同的变量名：

const { id, email, first_name: fistName, last_name: lastName, name } = response

【讨论】：

【解决方案2】：

在您的文件中，您可以添加评论，例如

/*eslint camelcase: ["error", {allow: ["first_name"]}]*/

或者你可以在你的 .eslintrc 中配置驼峰规则

camelcase: ["error", {allow: ["first_name"]}]

【讨论】：