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

שאלות נפוצות

האם זה בטוח לפענח נתונים רגישים כאן? כן. כל פענוח מתרחש בדפדפן שלך באמצעות JavaScript. לא נשלחים נתונים לשום שרת, כך שהמחרוזות המקודדות שלך נשארות פרטיות לחלוטין.

מה ההבדל בין Base64 ל-URL-safe Base64? Base64 סטנדרטי משתמש בתווים + ו-/, שהם תווים מיוחדים בכתובות. URL-safe Base64 מחליף אותם ב-- ו-_ כך שהמחרוזת יכולה לשמש בבטחה בכתובות ובשמות קבצים ללא קידוד אחוזים.

למה הפלט שלי שפוענח נראה כמו הבל? אם הנתונים המקוריים היו בינאריים (כגון תמונה, PDF או קובץ דחוס), הפלט שפוענח לא יהיה טקסט קריא. במקרה זה, מחרוזת Base64 מייצגת קובץ בינארי, לא מחרוזת טקסט.

האם Base64 הוא סוג של הצפנה? לא. Base64 הוא סכימת קידוד, לא הצפנה. כל אחד יכול לפענח מחרוזת Base64 ללא מפתח. לעולם לא יש להשתמש בה כדי להגן על נתונים רגישים — השתמש בהצפנה נכונה לשם כך.

Keywords: HTML ל-JSX, ממיר HTML ל-JSX, המרת HTML ל-React, ממיר className, JSX מקוון, ממיר React JSX, המרת HTML JSX