Ders Notu

Kullanıcının tıklama, yazma gibi etkileşimlerine yanıt veren, tarayıcıya özgü özellikleri (window, localStorage) kullanan ya da useState, useEffect gibi React kancalarına ihtiyaç duyan bileşenler Client Component olmalıdır. Bunun için dosyanın en üstüne "use client" ifadesi yazılır:

"use client";

import { useState } from "react";

export default function Sayac() {
  const [sayi, setSayi] = useState(0);

  return (
    <button onClick={() => setSayi(sayi + 1)}>
      {sayi} kez tıklandı
    </button>
  );
}

Yukarıdaki örnekte butona her tıklandığında sayi değişkeni güncellenir ve bileşen yeniden çizilir.