在雙花括號、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

您必須將樣式放在引號中。 您必須查看錯誤並相應地修復它們。 目前所有這些都與造型有關。