Reactda State-lar bilan tanishish

Keyin o'rganadigan konsepsiyamiz state-lar deb ataladi. State-lar komponentlarning reaktiv o'zgaruvchilaridir.

Reaktivlik deganda, state o'zgarganda ushbu state ishlatiladigan barcha joylarda o'zgarishlar yuz berishi tushuniladi. Texnik jihatdan bu har qanday state o'zgarganda butun komponentni qayta renderlash orqali amalga oshiriladi.

State-lardan foydalanish uchun avvalo useState funksiyasini import qilish kerak:

jsximport React, { useState } from 'react';

useState funksiyasi parametri sifatida state-ning boshlang'ich qiymatini qabul qiladi va natijasida ikkita elementdan iborat maxsus massivni qaytaradi. Massivning birinchi elementida state-ning joriy qiymati saqlanadi, ikkinchisida esa state-ni o'zgartirish uchun funksiya.

State-larning to'g'ri ishlashi uchun ularni to'g'ridan-to'g'ri o'zgartirib bo'lmaydi, balki ularni o'zgartirish funksiyasidan foydalanish kerak - faqat shunda reaktivlik ishlaydi.