如何在 React Native 默认 eslint 配置中删除 eslint 单引号规则?

Posted

技术标签:

【中文标题】如何在 React Native 默认 eslint 配置中删除 eslint 单引号规则?【英文标题】:How to remove eslint single quote rule in React Native default eslint config? 【发布时间】:2021-08-31 08:23:45 【问题描述】:

我已经用 cli 设置了一个 react-native 项目。它有效,但我有一个非常烦人的 eslint 错误:

字符串必须使用 singlequote.eslint(quotes)

我试着写这个:

module.exports = 
  root: true,
  extends: "@react-native-community",
  rules: 
    avoidEscape: true,
    allowTemplateLiterals: true,
  ,
;

我也尝试创建自己的配置:

module.exports = 
  globals: 
    Atomics: "readonly",
    SharedArrayBuffer: "readonly",
  ,
  parser: "@typescript-eslint/parser",
  extends: ["@react-native-community"],
  parserOptions: 
    ecmaVersion: 2018,
    sourceType: "module",
    ecmaFeatures: 
      jsx: true,
    ,
  ,
  plugins: ["react", "react-hooks"],
  rules: 
    avoidEscape: true,
    allowTemplateLiterals: true,
  ,
  settings: 
    react: 
      version: "detect",
    ,
  ,
  "sort-imports": [
    "error",
    
      ignoreCase: false,
      ignoreDeclarationSort: false,
      ignoreMemberSort: false,
      memberSyntaxSortOrder: ["none", "all", "multiple", "single"],
    ,
  ],
;

没有任何作用。如何删除这条规则?

【问题讨论】:

【参考方案1】:

您可以像这样关闭任何特定规则:


  "rules": 
    "quotes": "off"
  

【讨论】:

以上是关于如何在 React Native 默认 eslint 配置中删除 eslint 单引号规则?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 React Native 获取默认地图?

react-native 导入时如何更改默认组件名称?

如何在 React Native 默认 eslint 配置中删除 eslint 单引号规则?

如何使用 React Native 制作默认键盘上方的工具栏?

如何在 React Native 中使 Tab.Navigation Screens 默认背景为白色?

如何使用带有 react-native-camera 的默认 iOS 相机控件