HTML naar JSX Converteerder
Gratis online conversie van HTML naar JSX, geen installatie nodig. Converteer HTML-code naar React JSX-formaat.
Over HTML to JSX
Herschrijft standaard HTML naar JSX-compatibele markup voor React. Het sluit void-elementen, hernoemt gereserveerde attributen naar hun React-equivalenten, zet inline style-strings om naar de style-objectsyntaxis met camelCase-eigenschapsnamen, en normaliseert booleaanse attributen naar hun React-vormen.
Gebruik
1. Plak HTML in het invoervak. 2. Klik op Converteren om JSX in het uitvoervak te produceren. 3. Gebruik Kopiëren om het resultaat naar een React-component te kopiëren.
Attribuut- en stijlherschrijvingen
Zelfsluitende tags (img, br, hr, input, meta, link, area, base, col, embed, source, track, wbr) worden gesloten met />. class= wordt className=; for= wordt htmlFor=. style="..."-strings worden style={{...}} waarbij kebab-case-eigenschappen worden omgezet naar camelCase (font-family -> fontFamily) en float -> cssFloat. Booleaanse attributen zoals checked, disabled, readonly, required, autoplay, autofocus worden genormaliseerd (readOnly, autoPlay, autoFocus).
▶Worden void-elementen automatisch gesloten?
▶Hoe worden inline-stijlen verwerkt?
▶Zet het class om in className?
▶Valideert het de HTML?
Als deze tool je heeft geholpen, denk dan eens aan het geven van een kop koffie aan mij.
Koop me een kop koffie.