双花括号上的本机错误

Question

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

。prettierrc

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

Answer 1

那些更漂亮，更容易出错。对于更漂亮的问题，也许您可​​以在vscode上使用format onsave，所以每当您保存文件时，它都会根据您的更漂亮的格式对文件进行格式化。

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

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

Answer 2

flex样式必须为

flex: "1"

不是

flex: 1

请记住，JSX样式始终将字符串作为值。

Answer 3

您必须将样式加引号。您将必须查看错误并进行相应修复。目前所有这些都与样式相关。