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

【问题标题】：React Native error on double curly braces, ESLint/Prettier Warnings双花括号上的 React Native 错误，ESLint/Prettier 警告
【发布时间】：2020-06-06 11:52:18
【问题描述】：

我是 React Native 的新手，并尝试浏览官方网站上的基本教程。但是当我完成配置时，就会出现这个错误。这似乎与更漂亮的问题有关，但我不知道为什么。这是代码。

.prettierrc

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

【问题讨论】：

它们是 eslint 警告...
请通过评论禁用你更漂亮的配置

标签： react-native eslint prettier

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：