HTML ते JSX कन्व्हर्टर

कॉम्पोनंटमध्ये गुंडाळा

कॉम्पोनंटचे नाव

HTML

JSX

HTML ते JSX रूपांतरण म्हणजे काय?

JSX ही HTML-सारखी सिंटॅक्स आहे जी React कॉम्पोनंट्समध्ये वापरली जाते. जरी ती HTML सारखी दिसत असली तरी, महत्त्वाचे फरक आहेत: class बनते className, for बनते htmlFor, इनलाइन स्टाइल्स स्ट्रिंगऐवजी JavaScript ऑब्जेक्ट वापरतात, सर्व टॅग्स सेल्फ-क्लोज्ड असणे आवश्यक आहे, आणि इव्हेंट हँडलर्स camelCase वापरतात. हे टूल सर्व ते बदल आपोआप हाताळते जेणेकरून तुम्ही थेट HTML पेस्ट करू शकता आणि तुमच्या React कॉम्पोनंट्समध्ये वापरण्यासाठी तयार valid JSX मिळवू शकता.

HTML ते JSX कन्व्हर्टर कसे वापरावे

डाव्या पॅनेलमध्ये HTML मार्कअप पेस्ट करा (किंवा नमुना लोड करण्यासाठी 'उदाहरण' क्लिक करा).
JSX आउटपुट लगेच उजव्या बाजूला दिसेल.
पेस्ट करण्यासाठी तयार संपूर्ण फंक्शनल कॉम्पोनंट मिळवण्यासाठी पर्यायाने 'कॉम्पोनंटमध्ये गुंडाळा' सक्षम करा.
'JSX कॉपी करा' बटण वापरून JSX कॉपी करा.

Keywords: HTML ते JSX, HTML JSX कन्व्हर्टर, HTML React मध्ये रूपांतर, className कन्व्हर्टर, JSX ऑनलाइन, React JSX कन्व्हर्टर