React में JSX भाषा का परिचय

JSX भाषा सामान्य JavaScript है, लेकिन कुछ अतिरिक्त सुविधाओं के साथ, जो बिना उद्धरण के सीधे कोड में टैग लिखने की अनुमति देती है।

टैग को return के माध्यम से वापस किया जा सकता है:

function App() {
	return <div>
		text
	</div>;
}

टैग में विशेषताएँ (attributes) हो सकती हैं:

function App() {
	return <div class="eee">
		text
	</div>;
}

टैग को वेरिएबल्स या कॉन्स्टेंट्स में लिखा जा सकता है:

function App() {
	const  elem = <div>text</div>;
	return elem;
}

आपके मुख्य कॉम्पोनेंट में निम्नलिखित फ़ंक्शन है:

function App() {
	return <div>
		text
	</div>;
}

div के अंदर का टेक्स्ट बदलें। ब्राउज़र में हुए परिवर्तनों को देखें।

div में कई पैराग्राफ जोड़ें।

अपने पैराग्राफ को क्लासेज दें।