Convertitore HTML a JSX

Converti HTML in JSX React online. Trasforma class in className, stringhe style in oggetti, tag auto-chiudenti e altro. Gratuito e istantaneo.

HTML

JSX

Informazioni sulla conversione HTML a JSX

JSX è l'estensione di sintassi di React che assomiglia all'HTML ma con differenze importanti. Questo strumento automatizza tutte le trasformazioni necessarie: class in className, for in htmlFor, stringhe style inline in oggetti JavaScript.

𝕏 Twitter in LinkedIn

Valuta questo strumento

4.5 / 5 · 202 valutazioni

Altri strumenti

SVGSVG a JSX/React JSFormattatore JS/HTML &;Codificatore entità HTML HMHTML to Markdown

Resta aggiornato

Ricevi consigli dev e nuovi strumenti ogni settimana.

Niente spam. Cancella quando vuoi.

Enjoy these free tools?

☕Buy Me a Coffee

Come usare

Incolla il markup HTML nel pannello di input
Clicca Converti per trasformare in JSX
Verifica l'output JSX convertito
Copia e incolla nel tuo componente React

Casi d'uso comuni

Migrare template HTML statici in componenti React
Convertire HTML da tool di design (Figma, Webflow) in JSX
Portare template email HTML in React Email
Imparare le differenze tra sintassi HTML e JSX

Domande frequenti

Cosa cambia la conversione HTML a JSX?

Cambiamenti principali: class → className, for → htmlFor, stili inline → oggetti style, tag auto-chiudenti con />, commenti HTML → {/* */}.

Perché non si può usare class in JSX?

In JSX, 'class' è una parola riservata JavaScript. React usa 'className' al suo posto.

Come vengono convertiti gli stili inline?

style="color: red; font-size: 16px" diventa style={{color: "red", fontSize: "16px"}}.

Gestisce i tag auto-chiudenti?

Sì. Elementi vuoti HTML come <br>, <hr>, <img> vengono convertiti in <br />, <hr />.