⚡ useNavigate Nedir?

• React Router v6+ ile birlikte gelen hook’tur.
• Component içinde programatik yönlendirme (navigation) yapmak için kullanılır.
• Kullanıcı etkileşimi veya belirli koşullara göre sayfa değiştirmeyi sağlar.

⚡ Temel Kullanım

import { useNavigate } from "react-router-dom";

function Home() {
  const navigate = useNavigate();

  const goToProfile = () => {
    navigate("/profile"); // Programatik yönlendirme
  };

  return (
    <div>
      <h1>Home Page</h1>
      <button onClick={goToProfile}>Profile Sayfasına Git</button>
    </div>
  );
}

• navigate("/yol") → Belirtilen path’e yönlendirir.
• navigate(-1) → Tarayıcıda geri git işlevi görür.
• navigate(1) → Tarayıcıda ileri git işlevi görür.

⚡ Notlar

• Replace seçeneği ile history stack’i değiştirebilirsiniz:

navigate("/login", { replace: true });

• Bu, kullanıcının geri butonuna bastığında önceki sayfaya dönmesini engeller.
• useNavigate, link yerine dinamik veya koşullu yönlendirme gerektiğinde tercih edilir.