React hook’larından useState hook’u nasıl kullanılır?

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.