Me acabo de dar cuenta de que puedo pasar cadenas vacías como niños en reaccionar.
function App() { return ( <Comp> {} {} </Comp> ); } Aquí está el resultado copiado directamente desde React Developer Tools .
{ "children": [ " ", " ", " " ] }Encontré un problema de Github que describe esto. El problema está cerrado porque ese es un comportamiento esperado.
Mi pregunta es, ¿cuál es el caso de uso para algo así? ¿Por qué es este un comportamiento intencionado?
El espacio en blanco es texto. El texto es un nodo. Eso es realmente todo lo que hay que hacer.
Y el código tiene tres nodos de espacios en blanco separados:
<Comp> {} {} </Comp> ^--^--^--- hereLa cantidad de espacio en blanco no hace la diferencia, o qué otro texto hay no hace la diferencia. Todo lo que importa en este caso es que hay tres elementos distintos de texto (separados por llaves, que coincidentemente están vacías pero aún existen y delimitan el texto para el analizador).