HTML a JSX

Convierte HTML a JSX de React: class a className, estilos en línea a objetos, etiquetas autocerradas y comentarios. Puede envolverlo en un componente.

Sobre esta herramienta

Convierte HTML a JSX de React. Los atributos se renombran (class → className, for → htmlFor), los estilos en línea pasan a ser objetos, las etiquetas vacías se autocierran y los comentarios pasan a ser comentarios JSX.

Cómo usarla

  1. Pega el HTML.
  2. Si quieres, activa Envolver en un componente.
  3. Copia el JSX en tu código React.

Preguntas frecuentes

¿Qué pasa con varios elementos raíz?

Se envuelven en un fragmento <>…</> para que el resultado sea JSX válido.

¿Se convierten los manejadores de eventos?

onclick pasa a ser onClick, pero el valor sigue siendo una cadena. Sustitúyelo por una función en tu componente.

¿Cómo se tratan las llaves en el texto?

Se escapan como {'{'} y {'}'} para que JSX no las trate como expresiones.

Herramientas relacionadas