voidEl breaks with: $ELEMENT is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- react
- Ambito
- frontend
Direzione di ricerca
Inizia con voidEl, il suo utilizzo tramite Fable.React.Standard e il ParamListAttribute del parametro children su createElement. Confronta il JavaScript generato per i casi funzionanti e quelli che falliscono, quindi verifica la correzione eseguendo il rendering di un elemento void senza un argomento children vuoto e confermando che l'errore di React sia scomparso.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
We recently upgraded from Fable.React 5.4.0 to 9.4.0, a rather large jump to be sure. An issue we now have is that rendering an element using either voidEl (either directly or indirectly via Fable.React.Standard) results in an error:
Uncaught Error: br is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.
Curiously, if I copy voidEl into my component and use that copy then it works. Digging a little deeper, I can see that it comes down to what JS is generated for each case. The working case generates:
react.createElement("br", {})
And the non-working case:
react.createElement("br", {}, [])
I assume the trailing empty array is triggering the error diagnostic because it is being interpreted as an attempt to assign zero children to the br, as opposed to not even attempting to assign any children.
I've got a feeling it has something to do with the ParamListAttribute on the children parameter to createElement, but not entirely sure why it manifests in one scenario and not the other.
- Lingua principale
- F#
- Stelle
- 277
- Fork
- 65
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di fable-compiler/fable-react
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
fable-compiler/fable-react#241 · 1 commento ·
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 25/100
fable-compiler/fable-react#240 · 5 commenti ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
fable-compiler/fable-react#239 · 3 commenti ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
fable-compiler/fable-react#236 ·
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 18/100
fable-compiler/fable-react#232 · 7 commenti · 3 reazioni ·
Tutte le issue di fable-compiler/fable-react
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
smansfield635-create/smansfield635-create.github.io#5818 · 4 commenti ·
I maintainer di solito rispondono entro 1 giorno
-
Add logos to panel AAperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
dandi/dandi-stats#27 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 85/100
-
good first issue
Difficoltà 1/5 1-3 ore Idoneità per principianti 88/100
anoopcodehack/DevBoard#589 ·
I maintainer di solito rispondono entro 2 giorni
-
feature request good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100
TabularisDB/tabularis#853 ·
I maintainer di solito rispondono entro 1 giorno