Detaillierte Erläuterung der Verwendung des Baidu-Stils in Eslint im React-Projekt

npm i -D eslint @babel/eslint-parser @babel/eslint-plugin @ecomfe/eslint-config

// Projekt reagieren npm i -D eslint-plugin-react eslint-plugin-react-hooks
 
// Wenn Sie Typescript unterstützen müssen, dann npm i -D @typescript-eslint/parser @typescript-eslint/eslint-plugin

{
    "Parser": "@typescript-eslint/parser", // Typescript-Parser "erweitert": [
        "@ecomfe/eslint-config", // Übernehme die werkseitige EE-eslint-Regelkonfiguration "@ecomfe/eslint-config/react"
    ],
    "Plugins": [
        "@typescript-eslint", // Einige Typescript-Syntaxprüfungen hinzufügen "react", // Syntaxprüfung für React "react-hooks" // Hook-Syntaxprüfung],
    "Regeln": {
        "Einzug": [
            "Fehler",
            4,
            {
                "Schaltergehäuse": 1
            }
        ], // 4-Raster-Stil erzwingen "no-unused-vars": "off", // Standardkonfiguration von eslint no-unused-vars ausschalten "@typescript-eslint/no-unused-vars": [
            "warnen",
            {
                "vars": "alle",
                "args": "nachbenutzt",
                "ignoreRestSiblings": falsch
            }
        ], // @typescript-eslint/no-unused-vars-Konfiguration verwenden "import/no-unresolved": "off",
        "react/jsx-uses-react": 2, // Shield "React" ist definiert, wird aber nie verwendet Fehler "import/order": "off", // Keine Notwendigkeit zur Importauftragsüberprüfung "comma-dangle": [
            "aus"
        ], // Keine zusätzlichen Kommas am Ende zulassen "@typescript-eslint/consistent-type-definitions": [
            "aus"
        ], // zuerst ausschalten "react-hooks/rules-of-hooks": "error", // Hook-Regeln prüfen "react-hooks/exhaustive-deps": "warn", // Effekt-Abhängigkeiten prüfen "max-params": [
            "warnen",
            8
        ], // Die Methode hat maximal 8 Parameter "no-use-before-define": "off",
        "@typescript-eslint/keine-Verwendung-vor-define": [
            "Fehler",
            {
                "Funktionen": falsch,
                "Variablen": false
            }
        ], // HINWEIS: Methoden und Variablen können nach der Verwendung definiert werden! Um das Problem zirkulärer Abhängigkeiten zu lösen, die häufig in Hooks auftreten, sollten Sie sich der Gefahr bewusst sein: „react/jsx-no-bind“: [
            "warnen",
            {
                "allowArrowFunctions": true // Pfeilfunktionen vorübergehend zulassen, um die Lesbarkeit des Codes zu verbessern}
        ],
        "max-verschachtelte-Rückrufe": [
            "warnen",
            4
        ], // Maximale Schleifentiefe ist 4, Warnung, wenn mehr als 4 Tiefen angegeben werden "react/require-default-props": "off", // Nicht erforderliche Eigenschaften der Komponente müssen keine Standardwerte haben "react/no-find-dom-node": "off", // Erlaube vorübergehend die Verwendung der findDOMNode-Methode von react-dom "@babel/object-curly-spacing": "off",
        "Objekt-Curly-Spacing": [
            "aus",
            "stets",
            {
                "arraysInObjects": falsch
            }
        ], // Ob Leerzeichen in Objektklammern hinzugefügt werden sollen "brace-style": [
            "aus",
            "1 EL"
        ],
        "react/no-string-refs": "warn", // String-Typ-Refs melden Warnung
        "no-unreachable-loop": "aus",
        "eol-last": ["error", "always"] // Am Ende der Datei ist eine zusätzliche Leerzeile erforderlich}
}