React Hooks kullanarak bir component içinde state nasıl yönetilir?

React Hooks ile State Yönetimi

React\'te state yönetimi için en yaygın kullanılan hook, useState hook\'udur. Bu hook, bir component içerisinde basit state değerlerini yönetmek için kullanılır.

Kullanım Adımları

1. useState\'i İçe Aktarma: React kütüphanesinden useState hook\'unu içe aktarın.
2. State Değeri Tanımlama: useState fonksiyonunu kullanarak bir state değeri ve bu değeri güncellemek için bir fonksiyon tanımlayın.
3. State Değerini Kullanma: Tanımladığınız state değerini component içinde kullanın.
4. Güncelleme Fonksiyonu ile Değeri Değiştirme: Kullanıcı etkileşimleri veya diğer olaylarla state değerini güncellemek için güncelleme fonksiyonunu çağırın.

Örnek Kod

Aşağıda basit bir örnek verilmiştir:

import React, { useState } from \'react\';

const Counter = () => {
    const [count, setCount] = useState(0);

    return (
        

            
Sayac: {count}
             setCount(count + 1)}>Artır
             setCount(count - 1)}>Azalt
        
    );
};

export default Counter;

Bu örnekte, count state değeri ile butonlar aracılığıyla sayacı artırıp azaltabilirsiniz.