Bileşenin durumu nedir?

Bir bileşenin durumu, bileşenin mevcut davranışını ve kullanıcı arayüzündeki görünümünü belirleyen veri kümesidir. Örneğin, React'te durum, bileşenin içinde saklanır ve zamanla değişebilir, bu da UI'yi güncellemek için yeniden render edilmesine neden olur.

Örnek: tıklama ile artan bir sayaç, mevcut değerini durumda tutar.

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Sayaç: {count}</p>
      <button onClick={() => setCount(count + 1)}>Arttır</button>
    </div>
  );
}

Bu şekilde, durum, bileşenin etkileşimli olmasını ve kullanıcı eylemlerine veya diğer olaylara dinamik olarak yanıt vermesini sağlar.