|
Hayotiy aylanish usullari
|
| bet | 13/24 | | Sana | 20.05.2024 | | Hajmi | 400,17 Kb. | | #244645 |
Bog'liq Diplom ishiHayotiy aylanish usullari. Sinfga asoslangan komponentlar uchun hayot aylanish usullari komponentning ishlash muddati davomida belgilangan nuqtalarda kodni bajarishga imkon beruvchi biriktirish shaklidan foydalanadi.
ShouldComponentUpdate dasturchiga render talab qilinmasa, false qiymatini qaytarish orqali komponentni keraksiz qayta ko'rsatishning oldini olishga imkon beradi.
Komponent "o'rnatilgandan" keyin komponentDidMount chaqiriladi (komponent foydalanuvchi interfeysida, ko'pincha uni DOM tuguni bilan bog'lash orqali yaratilgan). Bu odatda API orqali masofaviy manbadan ma'lumotlarni yuklashni boshlash uchun ishlatiladi.
Komponent DidUpdate yangilanish sodir bo'lgandan so'ng darhol chaqiriladi.
Component WillUnmount komponent uzilishidan yoki "ajralishidan" oldin darhol chaqiriladi. Bu, odatda, komponentni o'chirishda (masalan, komponent bilan bog'liq bo'lgan har qanday setInterval() misollarini yoki "eventListener" to'plamini o'chirish bilan oddiygina olib tashlanmaydigan komponentga resurs talab qiladigan bog'liqliklarni tozalash uchun ishlatiladi. hujjat" komponenti mavjudligi sababli)
render - bu hayot aylanishining eng muhim usuli va har qanday komponentda yagona talab qilinadigan usul. Odatda komponent holati har safar yangilanganda chaqiriladi, bu foydalanuvchi interfeysida aks etishi kerak.
JSX. JSX yoki JavaScript sintaksisi kengaytmasi JavaScript tili sintaksisining kengaytmasi hisoblanadi. Tashqi ko'rinishida HTMLga o'xshab, JSX ko'plab ishlab chiquvchilarga tanish bo'lgan sintaksis yordamida komponentlarni ko'rsatishni tuzish usulini taqdim etadi. Reaktsiya komponentlari odatda JSX yordamida yoziladi, lekin ular bo'lishi shart emas (komponentlar sof JavaScript-da ham yozilishi mumkin). JSX XHP deb nomlangan PHP uchun Facebook tomonidan yaratilgan boshqa kengaytma sintaksisiga o'xshaydi.
JSX kodiga misol:
class App extends React.Component {
render() {
|
| |
