DevTulz Online

HTML'den JSX'e Dönüştürücü


HTML'den JSX'e Dönüştürme Nedir?

JSX, React bileşenlerinde kullanılan HTML benzeri bir sözdizimdir. HTML'e benzese de önemli farklar vardır: class, className'e dönüşür; for, htmlFor'a dönüşür; satır içi stiller string yerine JavaScript nesneleri kullanır; tüm etiketler kendiliğinden kapanmalıdır ve olay işleyicileri camelCase kullanır. Bu araç tüm bu dönüşümleri otomatik olarak gerçekleştirerek HTML'i doğrudan yapıştırmanıza ve React bileşenlerinizde kullanıma hazır geçerli JSX almanıza olanak tanır.

HTML'den JSX'e Dönüştürücüyü Nasıl Kullanırsınız

  1. HTML işaretlemesini sol panele yapıştırın (veya örnek yüklemek için 'Örnek'e tıklayın).

  2. JSX çıktısı sağda anında görünür.

  3. Yapıştırmaya hazır tam bir işlevsel bileşen elde etmek için isteğe bağlı olarak 'Bileşene sar'ı etkinleştirin.

  4. 'JSX Kopyala' düğmesini kullanarak JSX'i kopyalayın.

Keywords: HTML'den JSX'e, HTML JSX dönüştürücü, HTML'i React'e dönüştür, className dönüştürücü, JSX çevrimiçi, React JSX dönüştürücü, HTML JSX dönüşümü