Bevezetés a JSX nyelvbe a Reactben

A JSX nyelv egy közönséges JavaScript, de néhány kiegészítéssel, amelyek lehetővé teszik a címkék írását közvetlenül a kódban, idézőjelek nélkül.

A címkéket vissza lehet adni a return segítségével:

jsxfunction App() {
  return <div>
    szöveg
  </div>;
}

A címkéknek attribútumai lehetnek:

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

A címkéket változókba vagy konstansokba lehet menteni:

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

A fő komponensedben van a következő függvény:

jsxfunction App() {
  return <div>
    szöveg
  </div>;
}

Változtasd meg a div-en belüli szöveget. Figyeld meg a böngészőben bekövetkezett változásokat.

Задание 2

Adj hozzá a div-hez több bekezdést.

Задание 3

Add meg a bekezdéseidnek az osztályait.