Įvadas į JSX kalbą React
JSX kalba - tai įprastas JavaScript, bet su kai kuriais pratęsimais, leidžiančiais rašyti žymes tiesiogiai kode, be kabučių.
Žymes galima grąžinti per return:
jsxfunction App() {
return <div>
tekstas
</div>;
}
Žymės gali turėti atributus:
jsxfunction App() {
return <div class="eee">
tekstas
</div>;
}
Žymes galima įrašyti į kintamuosius arba konstantas:
jsxfunction App() {
const elem = <div>tekstas</div>;
return elem;
}
Задание 1
Jūsų pagrindiniame komponente yra ši funkcija:
jsxfunction App() {
return <div>
tekstas
</div>;
}
Pakeiskite tekstą div viduje. Pažiūrėkite į pakitimus, įvykusius naršyklėje.
Задание 2
Pridėkite į div kelis pastraipas.
Задание 3
Pridėkite jūsų pastraipoms klases.