HTML to JSX कन्वर्टर

यह टूल क्या है?

यह मुफ्त ऑनलाइन टूल मानक HTML को JSX सिंटैक्स में बदलता है, जिसका उपयोग React के साथ किया जाता है। यह मौजूदा HTML कोड को आधुनिक फ्रंट-एंड एप्लिकेशन के लिए तैयार घटकों में बदलने का सबसे तेज़ तरीका है।

कैसे उपयोग करें

1. अपने HTML को एडिटर में पेस्ट करें या टाइप करें।
2. JSX कोड उत्पन्न करने के लिए Convert पर क्लिक करें।
3. अपने कन्वर्ट किए गए JSX को तुरंत डाउनलोड, कॉपी या साझा करें।

अपने कन्वर्ज़न को सहेजने और कभी भी एक्सेस करने के लिए Google या GitHub के साथ साइन इन करें।

JSX क्या है?

JSX (JavaScript XML) एक सिंटैक्स एक्सटेंशन है जो React में UI घटकों को डिक्लेरेटिव रूप से परिभाषित करने के लिए उपयोग किया जाता है। JSX आपको अपने JavaScript कोड में सीधे HTML जैसे टैग लिखने की अनुमति देता है।

पारंपरिक HTML के विपरीत, JSX विशेष नियमों का उपयोग करता है (जैसे class के बजाय className) और घुंघराले ब्रैकेट के अंदर JavaScript अभिव्यक्तियों को एम्बेड करने का समर्थन करता है।

मूल JSX उदाहरण:

const element = (
  <h1 className="greeting">
    नमस्ते, दुनिया!
  </h1>
);
    

अधिक जानें आधिकारिक React दस्तावेज़ पर।

HTML बनाम JSX उदाहरण

HTML

<div>
  <div class="awesome" style="border: 1px solid red">
    <label for="name">अपना नाम दर्ज करें: </label>
    <input type="text" id="name" />
  </div>
  <p>अपना HTML यहां दर्ज करें</p>
</div>
    

कन्वर्ट किया गया JSX

<div>
  <div className="awesome" style={{ border: '1px solid red' }}>
    <label htmlFor="name">अपना नाम दर्ज करें: </label>
    <input type="text" id="name" />
  </div>
  <p>अपना HTML यहां दर्ज करें</p>
</div>