Reactte useState hookunun kullanımı nasıl yapılır?

React'te useState Hook'unun Kullanımı

useState, React'te bir bileşenin durumunu (state) yönetmek için kullanılan bir hook'tur. Bu hook, bileşende durum değişikliklerine olanak tanır.

Kullanım Adımları

• React'i İçe Aktarma: useState'i kullanmak için React'ten içe aktarmanız gerekir.
• useState'in Tanımlanması: useState, başlangıç durumu ile birlikte çağrılır. Örneğin: const [deger, setDeger] = useState(baslangicDegeri);
• Durumun Güncellenmesi: durumu güncellemek için setDeger fonksiyonu kullanılır. Örneğin: setDeger(yeniDeger);

Örnek Kullanım

Aşağıdaki basit örnek, bir sayacı gösterir: ```javascript import React, { useState } from 'react'; function Sayac() { const [sayi, setSayi] = useState(0); return ( ); } ``` Bu örnekte, başlangıç değeri 0 olan bir sayaç oluşturulmuştur. Butona tıklanıldığında sayının değeri bir artırılır. useState, bileşenin yeniden render edilmesini sağlar ve bu sayede kullanıcı etkileşimleri ile durumu dinamik bir şekilde güncelleyebilirsiniz.