voidEl breaks with: $ELEMENT is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react
- Área
- frontend
Línea de trabajo
Comienza con voidEl, su uso a través de Fable.React.Standard y el ParamListAttribute del parámetro children en createElement. Compara el JavaScript generado para los casos que funcionan y los que fallan; después verifica la corrección renderizando un elemento void sin un argumento children vacío y confirmando que el error de React ha desaparecido.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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.
- Lenguaje dominante
- F#
- Estrellas
- 277
- Forks
- 65
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de fable-compiler/fable-react
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
fable-compiler/fable-react#241 · 1 comentario ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 25/100
fable-compiler/fable-react#240 · 5 comentarios ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
fable-compiler/fable-react#239 · 3 comentarios ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
fable-compiler/fable-react#236 ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 18/100
fable-compiler/fable-react#232 · 7 comentarios · 3 reacciones ·
Todos los issues de fable-compiler/fable-react
Issues similares
-
good first issue
Dificultad 1/5 Menos de una hora Aptitud para principiantes 95/100
AOSSIE-Org/DebateAI#582 · 2 comentarios ·
-
📕documentation
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
db-ux-design-system/core-web#8239 ·
-
Agent Chat: "Show arguments" button is centered instead of left-aligned in tool approval card AbiertoArea/AI Type/Improvement
Dificultad 1/5 Menos de una hora Aptitud para principiantes 95/100
wso2/product-integrator#2567 ·
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 80/100
learningequality/kolibri#15351 · 2 comentarios ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100