Conversor de HTML a JSX
Conversor en línea gratuito de HTML a JSX, sin necesidad de instalación. Convierte código HTML a formato JSX de React.
Acerca de HTML to JSX
Reescribe HTML estándar en marcado compatible con JSX para React. Cierra los elementos vacíos, renombra los atributos reservados a sus equivalentes de React, convierte las cadenas style en línea a la sintaxis de objeto style con nombres de propiedad en camelCase y normaliza los atributos booleanos a sus formas de React.
Cómo usarlo
1. Pega HTML en la caja de entrada. 2. Haz clic en Convertir para producir JSX en la caja de salida. 3. Usa Copiar para copiar el resultado a un componente de React.
Reescrituras de atributos y estilos
Las etiquetas de autocierre (img, br, hr, input, meta, link, area, base, col, embed, source, track, wbr) se cierran con />. class= pasa a ser className=; for= pasa a ser htmlFor=. Las cadenas style="..." se convierten en style={{...}} con las propiedades en kebab-case pasadas a camelCase (font-family -> fontFamily) y float -> cssFloat. Los atributos booleanos como checked, disabled, readonly, required, autoplay, autofocus se normalizan (readOnly, autoPlay, autoFocus).
▶¿Los elementos vacíos se cierran automáticamente?
▶¿Cómo se gestionan los estilos en línea?
▶¿Convierte class en className?
▶¿Valida el HTML?
Si este herramienta le ha sido útil, considere comprarme un café.
Compra un café para mí.