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 कनवर्टर, HTML JSX ट्रांसफॉर्म