AS

as — import qilinayotgan malumotni nomini o'zgartirish uchun ishlatiladi yoki komponentni boshqa nom bilan eksport qilishimiz mumkin.

@abs_reactjs

1. HTML kodi 1 ta eng yuqori darajali elementga o'rash kerak.

Agar 2 ta h2 joylashtirmoqchi bo'lsangiz , ularni ota elementga o'rashingiz kerak bo'ladi. Misol uchun div ga.

@abs_reactjs

Agar ota elementga o'ramasangiz , shunday bo'ladi 🤓

Elementlar kichik harifda bo'lishligi kerak.

Component lar katta harf bilan boshlanishi kerak.

@abs_reactjs

Element bilan Tag bir hil narsa emasligi esdan chiqmasin 💬

@abs_reactjs

Teglar

Toq teglarni har doim "yopib" yurishimiz kerak.

@abs_reactjs

Boolean property lar

Boolean property — berganimizda Gulli qavslar orsida berishimiz mumkin yoki umuman qiymat bermasak true qiymat qaytaradi.

Boolean — true , false qiylatlar degani
property — "props" deb ataladi. Komponentlardan malumot o'tqazish uchun ishlatiladi.

@abs_reactjs

1. class lar har dim className sifatida berish kerak

2. Elementlar orasida " { } " orasida ifodalar yozish mumkin.

3. onclick bermoqchi bo'lsak onClick yoki onClickCapture holatida berishimiz kerak

4. for atributi htmlFor shaklida yoziladi.

@abs_reactjs

Class Componentlar

Class Componentlar — React ning 16.8 versiyasiga qadar state va lifecycle ni kuzatush uchun yagona usul bo'lgan.

state — componentning malumotini saqlash uchun ishlatiladigan object.

lifecycle — componentlarni ishlash jarayoni. Har bir component da 3 ta asosiy narsa bor. Mounting , Updating , va Unmounting.

Mounting — componentlarni yaratish va DOM ga joylashtirish jarayoni.
DOM — document object modle

Updating — bu state yoki props ni o'zgarganidan sodir bo'ladi. state va props o'zgardan component qayta yasaladi.

Unmounting — componentni DOM dan olib tashlash jarayoni.

@abs_reactjs