Conversor de HTML a JSX gratuito
El Conversor de HTML a JSX reescribe HTML plano en JSX válido de React. Renombra atributos (class pasa a className, for pasa a htmlFor), auto-cierra elementos vacíos, convierte cadenas de estilo en línea en objetos de estilo y corrige algunas otras peculiaridades exclusivas de HTML.
Cómo usarlo
Pega tu HTML a la izquierda y haz clic en Convertir. La salida JSX aparece a la derecha, lista para soltar en un componente React.
- class pasa a className, for pasa a htmlFor
- Los elementos vacíos se auto-cierran
- Las cadenas de estilo en línea pasan a objetos de estilo
- Convierte atributos HTML a sus equivalentes JSX
- Se ejecuta enteramente en tu navegador
¿Por qué convertir HTML a JSX?
JSX parece HTML pero es más estricto. React rechaza palabras reservadas como class y for, exige camelCase para la mayoría de los atributos y necesita etiquetas vacías auto-cerradas. Esta herramienta maneja esas diferencias automáticamente para que puedas pegar marcado existente directamente en un componente.
Herramientas para desarrolladores relacionadas
También te puede interesar
Herramientas de otras categorías que suelen combinarse con HTML a JSX: