Konverter HTML → JSX
Konversi kode HTML ke format React JSX.
Input HTML
Masukkan kode HTML untuk dikonversi
Hasil JSX
Kode JSX yang dikonversi
Aturan Konversi HTML → JSX
Aturan Konversi Utama
- •
class→className - •
for→htmlFor - •
style="color: red"→style={color: "red"} - • 자체 닫힘 태그:
<img>→<img /> - • 케밥 케이스 → 카멜 케이스:
stroke-width→strokeWidth
Konversi Atribut yang Didukung
- • Atribut HTML: class, for, readonly, maxlength, autocomplete
- • Atribut SVG: stroke-width, stroke-linecap, fill-opacity
- • Atribut numerik: Hapus tanda kutip dan bungkus dengan kurung kurawal
- • Atribut boolean: aria-hidden="true" → aria-hidden=""
- • Atribut yang dipertahankan: data-*, aria-* (pertahankan kebab case)
Dukungan Dokumen HTML Penuh
- • Pemrosesan tag DOCTYPE, html, head, body
- • Konversi tag meta, title, style
- • Dukungan elemen dan atribut SVG lengkap
- • Pelestarian blok gaya CSS