محوّل 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