ממיר 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