下面是我的sublime文本窗口的屏幕截图,显示了为switch/case语句抛出的eslint错误.I want必须缩进4个空格,如代码所示.

enter image description here

这里有4种不同的try ,通过修改.我的react应用程序中的eslintrc文件.我在谷歌上搜索了一个解决方案,看到了添加switchCase和indentSwitchCase的建议,但我的.eslintrc规则是全间隔的,不是camelcase,所以我添加了所有4条规则,以努力消除 sublime 文本中的错误,但没有运气...我做错了什么?!?!

enter image description here

编辑:这是一个React/MERN应用程序,我使用Supreme文本作为我的编辑器.让我知道我是否可以分享我的.帮我归档Lintesrc!

编辑2:我试过这个:

"indent": ["error", 4, {SwitchCase: 1}]

...但这是一个无效的缩进规则.How do I add an option object to the indent rule without getting an error?

推荐答案

我刚刚看到你对答案进行了编辑("编辑2").

无论如何,我想给你一个确切的建议:

"indent": ["error", 4, { "SwitchCase": 1 }]

你为什么认为它是"an invalid rule for indent"?

根据docs,这是为switch条语句设置所需缩进的正确方法.

"SwitchCase"(默认值:0)对switch语句中的case子句强制执行缩进级别.

这些文件还提供了[四个例子]:

  • SwitchCase设置为0的2个空格的缩进将不会缩进与switch语句有关的case子句.
  • SwitchCase设置为1的2个空格的缩进将使switch语句的case子句缩进2个空格.
  • SwitchCase设置为2的2个空格的缩进将使switch语句的case子句缩进4个空格.
  • SwitchCase设置为2的tab缩进将使switch语句的case子句缩进2个tab.

它们只是示例,您的目标选项对象未列出并不意味着它不正确.事实上,这似乎是正确的:ESLint Demo.

您的用例实际上包含在docs of the version 2.0.0中(没有直接链接的锚,抱歉,它是文档的最后一个代码块):

/*eslint indent: [2, 4, {"SwitchCase": 1}]*/

switch(a){
    case "a":
        break;
    case "b":
        break;
}

Reactjs相关问答推荐

NextJs Form不允许我输入任何输入,

无法在列表中看到文本

For循环中的元素在Reaction中丢失挂钩

如何在重新图表中更改悬停时的条形填充 colored颜色 ?

值在返回页面时不更新,即使我已经更新了它们

Reaction Axios多部分/表单-数据数组不工作

我应该如何管理设置组件初始状态的复杂逻辑?

React,当我调用handleSubmit()函数时,我正在将application/json和multiform/data中的数据发送到后端,但student_image中没有数据:null

ctx.strokeStyle 在 canvas html 5 中不起作用

React js拖放图像并预览

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

如何使用服务器中的数据自动填充表单字段?

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

如何在 Next Js 13 App Router 中添加 Favicon 图标?

Next.js i18n 路由不适用于动态路由

ReactJS 动态禁用按钮

使用 Jest/React 测试库时,如何测试由 setInterval 函数创建的 DOM 更改?

为什么 state redux-toolkit 是代理?

在 redux 状态更改时更新react 按钮禁用状态

在 React 中访问作为 prop 传递的状态变量