React-də State-lərə Giriş

Növbəti araşdıracağımız konsepsiya state-lər adlanır. State-lər komponentlərin reaktiv dəyişənlərini təmsil edir.

Reaktivlik o deməkdir ki, state dəyişdikdə dəyişikliklər həmin state-in istifadə olunduğu bütün yerlərdə baş verəcək. Texniki olaraq bu, hər hansı bir state dəyişdikdə bütün komponentin yeni dəfə render olunması ilə həyata keçirilir.

State-lərdən istifadə etmək üçün əvvəlcə useState funksiyasını import etmək lazımdır:

jsximport React, { useState } from 'react';

useState funksiyası parametr olaraq state-in ilkin qiymətini qəbul edir və nəticədə iki elementdən ibarət xüsusi massiv qaytarır. Massivin birinci elementində state-in cari qiyməti, ikincisində isə state-i dəyişdirmək üçün funksiya saxlanılır.

State-lərin düzgün işləməsi üçün onları birbaşa dəyişdirmək olmaz, dəyişdirmək üçün funksiyadan istifadə etmək lazımdır - yalnız o zaman reaktivlik işləyəcək.