Convertire HTML in JSX React online
Converti HTML in JSX di React (class → className, attributi camelCase, oggetto style, commenti).
🔒 100 % lato client — nessun dato inviato
Trasforma l'HTML in JSX valido per React: class diventa className, gli attributi passano a camelCase, gli stili inline diventano oggetti e i commenti vengono convertiti. Conversione locale, nel browser.
What is it for?
- ▸ Incollare un template HTML in un componente React
- ▸ Migrare una pagina statica a JSX
- ▸ Correggere attributi incompatibili (class, for…)
- ▸ Convertire uno stile inline in un oggetto React
FAQ
Quali attributi vengono rinominati?
class → className, for → htmlFor, tabindex → tabIndex, e molti altri attributi passano al camelCase.
I gestori onclick vengono convertiti?
Non automaticamente: React si aspetta onClick con una funzione. Lo strumento ti avvisa così puoi adattarli a mano.
Gli stili inline vengono gestiti?
Sì: la stringa style="..." viene trasformata in un oggetto JavaScript con proprietà in camelCase.
L'HTML viene inviato da qualche parte?
No, l'analisi e la conversione avvengono nel browser; non viene trasmesso nulla.
Related tools
JSON · formatta/convalida Formatta, rientra, minimizza e convalida JSON. 100% lato client. JSON · minimizza Minimizza JSON (rimuovi gli spazi bianchi e le interruzioni di riga) per ridurne le dimensioni. JSON → TypeScript Genera un'interfaccia TypeScript da un oggetto JSON, inclusi i tipi nidificati. JSON · validatore Controlla se il tuo JSON è valido e individua con precisione il primo errore. Markdown → HTML Converti Markdown in HTML con un'anteprima dal vivo nel tuo browser.