Convertir HTML markup en valid React JSX con objeto de estilo automático y conversión className
Procesamiento en tu navegador — los archivos nunca salen de tu dispositivo.
Gratis, sin registro, cuenta ni límites de uso.
Funciona en cualquier navegador moderno, incluidos móviles.
About this tool
HTML a JSX convertidor traduce la marcación estándar de las unidades en la sintaxis válida JSX JSX con la objetivación de estilo automático y la asignación de atributos camelCase.
How to use
Pruebe su marca HTML.
Inspeccione el código convertido JSX con objetos transformados className, htmlFor y estilo.
Copie el snippet limpio en su componente React.
FAQ
¿Cómo maneja los estilos inline CSS?
Se analiza estilo de cuerda="margin-top: 10px;" en React estilo objeto={{ marginTop: '10px' }}.
¿Es auto-cerrar etiquetas de vacío?
Sí, las etiquetas como <img / título, יinput / título, יbr / título se cierran correctamente para JSX.