React hooklarından useState nasıl kullanılır?

useState Kullanımı

useState, React\'ta bileşenlerin durumunu yönetmek için kullanılan bir hook\'tur. Fonksiyon bileşenlerinde durum değerlerini saklamak ve güncellemek için idealdir.

Temel Kullanım

useState, bir diziyi döndürür. İlk eleman durum değişkeni, ikinci eleman ise bu durumu güncellemek için kullanılan bir fonksiyondur.

Örnek

Aşağıda basit bir örnek yer almaktadır:

• import { useState } from \'react\';
• function Counter() { const [count, setCount] = useState(0); return (

  Count: {count}

  setCount(count + 1)}>Artır
  ); }

Açıklama

- useState(0): Başlangıç durumu 0 olarak belirlenir. - count: Güncel durum değeri. - setCount: Durum güncelleme fonksiyonu. Bu fonksiyon çağrıldığında bileşen yeniden render edilir.

Durumun Güncellenmesi

Durumu güncellemek için şu yöntemler kullanılabilir:

• setCount(newValue): newValue, yeni durum değeridir.
• setCount(prevCount => prevCount + 1): Önceki durumu kullanarak güncellenir.

Sonuç

useState, React bileşenlerinde durumu yönetmenin basit ve etkili bir yoludur. Kullanımı oldukça kolaydır ve fonksiyonel bileşenlerle uyumludur.