双花括号上的 React Native 错误，ESLint/Prettier 警告

Question

我是 React Native 的新手，并尝试在官方网站上浏览基本教程。但当我完成配置后，出现此错误。这似乎与 Prettier 问题有关，但我不明白为什么。这是代码。

.prettierrc

module.exports = {
  bracketSpacing: true,
  jsxBracketSameLine: true,
  singleQuote: true,
  trailingComma: 'all',
  semi: true,
};

Answer 1

这些是更漂亮的和 eslint 错误。对于更漂亮的问题，也许你可以在 vscode 上使用format onsave，这样每当你保存文件时，它都会根据你的 prettierrc 格式化文件。

对于 eslint 错误，通常是因为您的代码违反了 eslint 配置的规则。例如，在上面的屏幕截图中，存在错误react-native/no-inline-styles，请参阅规则描述告诉我们不要将样式内联。如果您希望忽略此规则，您可以在 eslint 配置文件中进行设置，例如

"rules": {
  "react-native/no-inline-styles": "off",
}