useState Hook Kullanımı

useState, React fonksiyon bileşenlerinde durum (state) yönetimi için kullanılan bir hook'tur. Bu hook, bileşenin durumunu tutmayı ve güncellemeyi sağlar.

useState Kullanım Adımları

• Import Etme: useState hook'unu kullanmak için React kütüphanesinden import edin.
• useState Kullanımı: useState içinde başlangıç değeri belirtin. Örneğin: const [deger, setDeger] = useState(0);
• Durumu Güncelleme: setDeger fonksiyonu ile durumu güncelleyebilirsiniz. Örnek: setDeger(deger + 1);

Basit Bir Örnek

Aşağıda useState hook'unun basit bir kullanım örneği bulunmaktadır:

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

Sayac: {count}

setCount(count + 1)}>Artır

); }

Bu örnekte bir sayaç bileşeni oluşturulmuştur. Butona her tıklandığında, sayaç değeri 1 arttırılır.