WebStorm忽略JSX的ESLint缩进

Question

当我执行“重新格式化代码”时，我的多行JSX组件会像这样缩进：

<SubTabBar clickHandler={subtab => this.setState({ subtab })}
           currentSubtab={subtab}
           sport={sport} />

然后他们有一个ESLint错误，例如ESLint：预期缩进10个空格，但找到19个。（缩进）

当我右键单击并执行ESLint修复时，我得到了这个，ESLint对此很满意：

<SubTabBar clickHandler={subtab => this.setState({ subtab })}
  currentSubtab={subtab}
  sport={sport}/>

但这是站不住脚的，因为“重新格式化代码”给出了错误的缩进，尤其是因为我在提交时运行了重新格式化代码！所以结果总是错的！

我确实在.eslintrc中使用了“应用ESLint代码样式规则”，但它们对这种情况没有帮助。我在首选项中找不到任何适用的选项（经常建议取消选中“多行对齐”并不能解决此问题。）

这怎么能解决呢？

Answer 1

哎哟，想出来了！我觉得这里值得一提，因为它不是我想象的那样。这些不仅仅是JS设置。它们不是JSX设置的部分，但是您在JSX中做什么？编写HTML。

在HTML代码样式部分，取消选中“对齐属性”修复了我的问题。