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.