jsx-eslint/eslint-plugin-react

Rule proposal: prevent object literal spreads

Offen

#2.217 geöffnet am 26.03.2019

Auf GitHub ansehenContributor Guide
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (2.733 Forks)batch import
help wantednew rule

Repository-Metriken

Stars
 (9.292 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

In JSX it's possible to write:

<Foo {...{a: 1, b: 2}} />

instead of

<Foo a={1} b={2} />

The former is valid JSX but (to React eyes) hard to read. It would be good to lint against it (it may be autofixable too, not sure about edge cases).

Contributor Guide

Research-Richtung
Implementieren Sie eine neue ESLint Regel, die Spreads von Objektliteralen in JSX erkennt (z.B. `{...{a:1}}`) und automatische Korrektur zu einzelnen Props vorschlägt. Untersuchen Sie vorhandene Regeln in eslint plugin react auf Muster und AST Knotentypen.
Tech Stack
javascriptreactnodejs
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Keine
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80