react-native - ESLint 抱怨我的代码格式我不明白为什么

Question

我的反应原生代码是这样的：

当我保存时，我总是让 ESLint 抱怨：

与制表符有关吗？我应该为 Visual Studio Code 做一些设置吗？我不知道如何摆脱这个错误。有人可以给个建议吗？

我的 Visual Studio Code 曾经能够在保存时自动格式化我的代码。现在保存时它完全不起作用。

==== 更新 ====

我也尝试手动格式化代码：

但我收到 ESLint 错误：

是否应该在 Visual Studio Code 设置中修改 Tab 键的某些设置？

标签： react-nativevisual-studio-code

Answer 1

我相信这些字符是换行符。尝试这个：

• 导入后删除多余的换行符
• 将每个 JSX 标签放在其上。像这样的东西：

return (
  <View>
    <Text>Hello</Text>
  </View>
);

该文档解释了如何设置 eslint 以自动修复代码问题。在 Visual Studio Code 中，打开File > Preferences > Settings并搜索“保存时的代码操作”。单击Edit in settings.json并启用自动修复：

"editor.codeActionsOnSave": {
  "source.fixAll.eslint": false
}