React'ta State'lere Giriş
İnceleyeceğimiz bir sonraki kavram, state'ler olarak adlandırılır. State'ler, bileşenlerin reaktif değişkenlerini temsil eder.
Reaktivite, bir state değiştirildiğinde, bu state'in kullanıldığı tüm yerlerde değişikliklerin meydana geleceği anlamına gelir. Teknik olarak bu, herhangi bir state değiştiğinde tüm bileşenin yeniden render edilmesiyle sağlanır.
State'leri kullanmak için öncelikle
useState fonksiyonunu içe aktarmak gerekir:
import React, { useState } from 'react';
useState fonksiyonu, parametre olarak state'in
başlangıç değerini alır ve sonuç olarak iki elemanlı
özel bir dizi döndürür. Dizinin ilk elemanında state'in
mevcut değeri tutulur, ikinci elemanında ise state'i
değiştirmek için bir fonksiyon bulunur.
State'lerin doğru çalışması için, bunlar doğrudan değiştirilmemeli, reaktivitenin çalışması için sadece onları değiştirme fonksiyonu kullanılmalıdır.