React60 / 78

Programmatic Navigation (useNavigate)

Gunakan hook useNavigate() untuk berpindah halaman secara kode JS (misal setelah tombol submit atau login sukses).

👀 Contoh dulu

const navigate = useNavigate();
const handleLogin = () => {
  navigate("/dashboard");
};

Hasilnya: Browser otomatis berpindah ke /dashboard saat login berhasil.

💡 Gunakan navigate(-1) untuk membuat tombol 'Kembali'.

📝 Sekarang giliranmu

Panggil fungsi navigate (yang sebelumnya sudah diinisiasi dari useNavigate()) dengan argumen string '/login' untuk melakukan navigasi ke halaman login.

Preview