Bu araç hakkında
HTML'den JSX / React'e dönüştürücü, bir HTML parçacığını tarayıcının yerel DOMParser'ı ile ayrıştırır ve React'in ihtiyaç duyduğu her şeyi düzelterek geçerli JSX olarak yeniden serileştirir. Tamamen istemci tarafında çalışır, böylece yapıştırdığınız işaretleme makinenizde kalır. Herhangi bir HTML yapıştırın — bir tasarım dışa aktarımı, bir e-posta şablonu, bir bileşen taslağı — ve doğrudan bir React dosyasına bırakabileceğiniz JSX alın.
Yeniden yazma, ayrılmış öznitelikleri yeniden adlandırır (class className olur, for htmlFor olur), geri kalanı camelCase yapar — tabindex tabIndex'e, maxlength maxLength'e, stroke-width strokeWidth'e — data-* ve aria-* özniteliklerine dokunmadan. img, br, input ve hr gibi void öğeleri kendiliğinden kapanır hale getirilir (<img />), HTML yorumları {/* ... */} olur, metindeki değişmez süslü parantezler {'{'} olarak kaçışlanır ve satır içi bir style="a:b;c:d" dizesi camelCase CSS anahtarlarıyla bir style={{ a: 'b', c: 'd' }} nesnesine dönüştürülür. disabled gibi boole öznitelikleri, bir geçişle çıplak veya ={true} olarak üretilebilir.
Fragment çıktısını seçin — birden çok kök düğüm otomatik olarak bir <>...</> fragment'ında sarılır — veya JSX'i, seçtiğiniz ad ve girintiyle (2 boşluk, 4 boşluk veya sekme) bir export default function içinde saran tam bileşen çıktısını seçin. Sonuç yapıştırmaya hazırdır; ayrıştırma gerçek bir DOM kullandığı için hatalı iç içe geçmeler, bir tarayıcının yapacağı gibi normalleştirilir.