在双花括号、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",
}

Answer 2

您必须将样式放在引号中。 您必须查看错误并相应地修复它们。 目前所有这些都与造型有关。