تبدیل‌کننده HTML به JSX

در کامپوننت بپوشانید

نام کامپوننت

HTML

JSX

تبدیل HTML به JSX چیست؟

JSX یک نحو شبیه HTML است که در کامپوننت‌های React استفاده می‌شود. اگرچه شبیه HTML به نظر می‌رسد، اما تفاوت‌های کلیدی وجود دارد: class به className تبدیل می‌شود، for به htmlFor تبدیل می‌شود، استایل‌های درون‌خطی از اشیا JavaScript به جای رشته‌ها استفاده می‌کنند، همه تگ‌ها باید خودبسته باشند و رویدادگردان‌ها از camelCase استفاده می‌کنند. این ابزار همه این تبدیل‌ها را به طور خودکار انجام می‌دهد تا بتوانید HTML را مستقیماً جای‌گذاری کنید و JSX معتبر آماده استفاده در کامپوننت‌های React خود را دریافت کنید.

نحوه استفاده از تبدیل‌کننده HTML به JSX

نشانه‌گذاری HTML را در پنل چپ قرار دهید (یا برای بارگذاری نمونه روی 'مثال' کلیک کنید).
خروجی JSX بلافاصله در سمت راست ظاهر می‌شود.
اختیاری: 'در کامپوننت بپوشانید' را فعال کنید تا یک کامپوننت تابعی کامل آماده قرار دادن دریافت کنید.
JSX را با دکمه 'کپی JSX' کپی کنید.

Keywords: HTML به JSX, تبدیل‌کننده HTML به JSX, تبدیل HTML به React, تبدیل‌کننده className, JSX آنلاین, تبدیل‌کننده React JSX, تبدیل HTML JSX