React හි JSX භාෂාව හඳුන්වාදීම

JSX භාෂාව - මෙය සාමාන්‍ය JavaScript එකකි, නමුත් එයට ඇතැම් එකතු කිරීම් සහිතව, කේතය තුළම ටැග් ලිවීමට, කොටස් නොමැතිව ඉඩ ලබා දෙයි.

ටැග් return හරහා ආපසු ලබා දිය හැකිය:

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

ටැග වලට ගුණාංග තිබිය හැකිය:

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

ඔබගේ ඡේදවලට වර්ග එකතු කරන්න.