REACT useState() Kullanımı

Merhabalar, bu yazımızda React useState() hook’u inceleyeceğiz, ne olduğuna ve kullanımına bakacağız.

React useState() Hook, bir fonksiyon bileşenindeki durumu izlememizi sağlar. Durum genellikle bir uygulamada izlenmesi gereken verileri veya özellikleri ifade eder.

import React, { useState } from 'react'; // öncelikle useState 'i import ediyoruz

function NumberIncreaser() {
  // "count" olarak adlandıracağımız yeni bir durum değişkeni tanımlıyoruz
  const [count, setCount] = useState(0); // "0" değeri ile varsayılan yani başlangıç değerini "0" olarak tanımladık.

  return (
    <div>
      <p>{count} kez tıklama yaptınız</p>
      <button onClick={() => setCount(count + 1)}>
        Tıklayın
      </button>
    </div>
  );
}

useState() Hook’un kullanımına örnek olarak verilebilecek bir kod yazmış olduk. Projelerimizin akışına, işleyişine göre bu hook’tan nasıl faydalanabileceğimiz bizlere kalmış durumda.

Bu ve benzeri önemli ipuçlarını öğrenmek için diğer yazılarıma da göz atabilirsiniz.

Web sitesine mi ihtiyacınız var ?

 

Kategori:

JavascriptReact

Etiketler:

, , ,