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

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

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

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

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

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

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

jsxfunction App() {
  const  elem = <div>text</div>;
  return elem;
}
Задание 1

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

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

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

Задание 2

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

Задание 3

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