Utangulizi wa Lugha ya JSX katika React

Lugha ya JSX ni JavaScript ya kawaida, lakini pamoja na nyongeza kadhaa zinazoruhusu kuandika vitambulisho moja kwa moja katika msimbo, bila alama za kunukuu.

Vitambulisho vinaweza kurudiwa kupitia return:

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

Vitambulisho vinaweza kuwa na sifa:

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

Vitambulisho vinaweza kuhifadhiwa kwenye anuwai au viunga:

jsxfunction App() {
  const  elem = <div>maandishi</div>;
  return elem;
}

Задание 1

Katika kipengele chako kikuu kuna kitendo kifuatacho:

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

Badilisha maandishi yaliyo ndani ya div. Angalia mabadiliko yaliyotokea kwenye kivinjari.

Задание 2

Ongeza aya kadhaa kwenye div.

Задание 3

Ongeza madarasa kwa aya zako.