Toolipedia Siteye ekle
TR
← Tüm metin araçları

HTML JSX çevirici

HTML'yi React JSX'e çevirin: class'tan className'e, stil nesneleri ve kendini kapatan etiketler.

  • Ücretsiz
  • Kayıt gerekmez
  • Her cihazda çalışır

Yaklaşık HTML JSX çevirici

HTML yapıştırın ve geçerli React JSX alın. Araç class'ı className'e ve for'u htmlFor'a çevirir, satır içi style dizelerini style nesnelerine dönüştürür, br ve img gibi boş etiketleri kapatır ve nitelikleri camelCase'e çevirir. Statik bir şablonu bileşene taşırken yorucu düzenlemelerden kurtarır.

HTML JSX çevirici nasıl kullanılır

  1. HTML parçanızı giriş kutusuna yapıştırın.
  2. Dönüştürülen JSX'i className, stil nesneleri ve kapalı etiketler açısından kontrol edin.
  3. JSX'i React bileşeninize kopyalayın.

Neden bu aracı kullanmalısınız?

Diğer adları

Sıkça sorulan sorular

React neden class yerine className kullanır?

Class, JavaScript'te ayrılmış bir sözcüktür ve JSX de JavaScript'tir; bu yüzden React, HTML class niteliği için DOM özellik adı olan className'i kullanır.

class dışında başka ne değişir?

for gibi öznitelikler htmlFor olur, satır içi stiller nesne olur ve img ile input gibi etiketler kendi kendine kapatılır. Olay adları da camelCase kullanır.

Sonucu bir üst öğeye sarmam gerekir mi?

JSX tek bir kök öğe döndürmelidir. HTML'inizde birkaç üst düzey öğe varsa onları bir div veya fragment içine sarın.

HTML JSX çevirici ücretsiz mi?

Evet. Toolipedia'daki HTML JSX çevirici ücretsizdir; kayıt gerektirmez ve filigran eklemez.

Kullanımı güvenli mi?

Evet. Her şey tarayıcınızda hesaplanır, girdiğiniz hiçbir şey sunucumuza gönderilmez.

Telefonumda çalışır mı?

Evet. Android ve iPhone'daki tüm modern tarayıcıların yanı sıra tablet ve bilgisayarlarda da çalışır. Hiçbir şey yüklemeniz gerekmez.

Hesap açmam gerekiyor mu?

Hayır. Sayfayı açıp aracı kullanmanız yeterli. Kayıt veya e-posta gerekmez.

HTML JSX çevirici aracını kendi web siteme koyabilir miyim?

Evet. Aracın altındaki "Sitenize ekleyin" düğmesini kullanarak kısa bir kod parçasını kopyalayın ve sayfanıza yapıştırın. Ücretsizdir, hesap gerektirmez ve araç sayfanızın içinde çalışmaya devam eder.

İlgili araçlar