Ich möchte Prettier und ESLint zusammen verwenden, aber ich habe einige Konflikte erlebt, indem ich sie nacheinander verwendet habe. Ich sehe, dass es diese drei Pakete gibt, die es zu ermöglichen scheinen, sie zusammen zu verwenden: prettier-eslint eslint-plugin-prettier eslint-config-prettier...
Ich habe eslint& eingerichtet eslint-plugin-react. Wenn ich ESLint ausführe, gibt der Linter no-unused-varsFehler für jede React-Komponente zurück. Ich gehe davon aus, dass nicht erkannt wird, dass ich JSX- oder React-Syntax verwende. Irgendwelche Ideen? Beispiel: app.js. import React, {...
Ich benutze Reactund ESLintmit eslint-plugin-react. Ich möchte disabledie prop-typesRegel in einer Datei. var React = require('react'); var Model = require('./ComponentModel'); var Component = React.createClass({ /* eslint-disable react/prop-types */ propTypes: Model.propTypes, /*...
Ich habe den nächsten Code, eslint throw: React / Prop-Typen onClickOut; fehlt in der Requisitenvalidierung reagieren / Requisitentypen Kinder; fehlt in der Requisitenvalidierung propTypes wurde definiert, aber eslint erkennt es nicht. import React, { Component, PropTypes } from...
Ich habe die folgende Komponente, die einen no-shadowESlint-Fehler auf dem auslöst FilterButton props. import { setFilter } from '../actions/filter'; function FilterButton({ setFilter }) { return ( <button onClick={setFilter}>Click</button> ); } export default connect(null, { setFilter...
Ich habe die eslint-Konfiguration für mein WebStorm-Projekt angegeben. Es scheint jedoch nicht für die Code-Neuformatierungsfunktion zu gelten. Zum Beispiel geht es zu formatieren import { something } from 'somewhere'als import {something} from 'somewhere'. Gibt es eine Möglichkeit, WebStorm...
Ich habe eine einfache Node / Express-App mit Typescript. Und eslint gib mir den Fehler Missing file extension "ts" for "./lib/env" import/extensions Hier ist meine .eslintrc-Datei { "extends": [ "airbnb", "plugin:@typescript-eslint/recommended", "prettier", "prettier/react",...
Ich mache einen benutzerdefinierten Hook, der ein Google hat, wenn sich ein Status ändert. Sie sollten in der Lage sein, einen beliebigen Status in einem Array zu übergeben. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle,...
Ich möchte, dass der Benutzer eine Liste von Aufgabenelementen sortieren kann. Wenn der Benutzer ein Element aus einem Dropdown-Menü auswählt, wird festgelegt, sortKeywelches eine neue Version von erstellt setSortedTodos, und der useEffectAufruf wird wiederum ausgelöst setSortedTodos. Das folgende...
In meinem nextjs-Projekt habe ich einen Pfad zugeordnet jsconfig.json, um einfache absolute Importe zu ermöglichen { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./*"] }, "target": "es6", "module": "commonjs", "experimentalDecorators": true } } Meine Importpfade sehen so...