jsx-eslint/eslint-plugin-react

Rule proposal: disallow children on DOM element tags when contentEditable

Open

#713 aperta il 26 lug 2016

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)JavaScript (2797 fork)batch import
help wantednew rule

Metriche repository

Star
 (8630 star)
Metriche merge PR
 (Merge medio 1g 17h) (3 PR mergiate in 30 g)

Descrizione

React will issue a warning in dev if you use contentEditable with children. This can be suppressed with suppressContentEditableWarning.

https://github.com/facebook/react/blob/85dcbf83/src/renderers/dom/shared/ReactDOMComponent.js#L187-L193

This should be easy enough to enforce for most cases with a linter rule.

Bad:

<div contentEditable>
  Children
</div>

Good:

<div contentEditable />

<div contentEditable suppressContentEditableWarning>
  Children
</div>

Guida contributor

Direzione di ricerca
Studia le regole ESLint esistenti in questo plugin (ad es. no unknown property) per comprenderne il modello. Implementa una regola per rilevare children su elementi DOM con attributo contentEditable senza suppressContentEditableWarning. Scrivi test unitari. Fai riferimento al codice sorgente di React all'indirizzo https://github.com/facebook/react/blob/85dcbf83/src/renderers/dom/shared/ReactDOMComponent.js#L187 L193 per il contesto.
Tech stack
javascriptreact
Dominio
tooling
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ESLint plugin structureReact JSXAST understanding
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75