jsx-eslint/eslint-plugin-react

Rule proposal: prevent object literal spreads

Aperta

#2217 aperta il 26 mar 2019

Vedi su GitHubGuida contributor
 (1 commento) (0 reazioni) (0 assegnatari)JavaScript (2734 fork)batch import
help wantednew rule

Metriche repository

Star
 (9294 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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).

Guida contributor

Direzione di ricerca
Implementa una nuova regola ESLint che rileva gli spread di oggetti letterali in JSX (ad esempio, `{...{a:1}}`) e suggerisce l'autofix in props individuali. Studia le regole esistenti in eslint plugin react per pattern e tipi di nodo AST.
Tech stack
javascriptreactnodejs
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Nessuno
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80