შესავალი 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
მიანიჭეთ თქვენს აბზაცებს კლასები.