Formateador de JSX

Primero analiza el código como un módulo JavaScript con JSX activado y lo imprime con un estilo coherente. Después, los elementos JSX se organizan con las mismas reglas que el formateador de HTML, de modo que las etiquetas de bloque anidadas ocupan sus propias líneas con sangría.

Cuando un elemento contiene elementos secundarios de nivel de bloque, como div, section, p, ul o h1, cada uno ocupa su propia línea y todo el elemento se encierra entre paréntesis. Los elementos que caben en una sola línea, como una etiqueta de componente, permanecen en línea.

Sí, se analizan y conservan los fragmentos escritos como <> y </> y los componentes de cierre automático, como <Item key={1}/>. Sus atributos y expresiones entre llaves se copian tal como están escritos.

El analizador se detiene y la herramienta muestra su mensaje, por ejemplo, un token inesperado, en lugar de devolver código formateado a medias. Corrija el lugar indicado y vuelva a dar formato.

Los bloques tienen una sangría de dos espacios, una instrucción por línea, espacios alrededor de los operadores y punto y coma al final de las instrucciones. No hay opciones para cambiar el estilo.

Sí, se conservan los comentarios de línea y de bloque en JavaScript. Los comentarios dentro de las expresiones JSX permanecen entre sus llaves.

No. Las anotaciones de tipos no forman parte de la gramática JSX que analiza esta herramienta, así que TSX con tipos se rechaza como error de sintaxis. Use el formateador de TypeScript para el código tipado.

Solo se vuelve a imprimir JavaScript, y la disposición de JSX cambia los espacios en blanco entre elementos de bloque, que React ignora cuando aparecen en líneas separadas. Revise el texto en línea junto a las etiquetas si importa conservar el espaciado exacto.

JSX es una extensión de JavaScript, por lo que el resultado se devuelve como un bloque de código Markdown marcado como javascript. Copie las líneas entre las cercas para su archivo .jsx.

Hasta 5 MB de código por ejecución; las entradas mayores se rechazan con un mensaje. El resultado es el mismo que la opción JSX del Formateador de código.