Why you did not mention the name of empty wrapper?
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- JavaScript
- Estrellas
- 11.8k
- Forks
- 7.9k
- Merge medio
- 1 d 11 h
- PR fusionados (30 d)
- 11
Descripción
Link
https://beta.reactjs.org/learn#writing-markup-with-jsx
In this paragraph you wrote :
JSX is stricter than HTML. You have to close tags like <br />. Your component also can’t return multiple JSX tags. You have to wrap them into a shared parent, like a <div>...</div> or an empty <>...</> wrapper:
I"d recommend to add the name of the empty Wrapper Fragment and provide the two version of it:
function AboutPage() {
return (
<Fragment>
<h1>About</h1>
<p>Hello there.<br />How do you do?</p>
</Fragment>
);
}
The shortcut:
function AboutPage() {
return (
<>
<h1>About</h1>
<p>Hello there.<br />How do you do?</p>
</>
);
}
Guía de contribución
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.
Línea de trabajo
Abre la página enlazada de React Learn y localiza el párrafo que comienza con “JSX is stricter than HTML.”. Actualízalo para que mencione Fragment y muestre tanto la sintaxis explícita de Fragment como la abreviatura con etiquetas vacías. El trabajo estará terminado cuando la página presente claramente ambas formas junto con la explicación existente del wrapper.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- javascript, react
- Área
- documentation
- Tipo de issue
- Documentación
- Dificultad
- 1/5
- Tiempo estimado
- 1-3 horas
- Estado de actividad
- Estancado
- Claridad
- Bien especificado
- Aptitud para principiantes
- 35/100