useNavigate

Позволяет перенаправлять между страницами (редиректы)

useNavigate — это хук из react-router-dom, который предоставляет функцию для перехода между маршрутами (страницами) в вашем приложении.

Что делает useNavigate?

Возвращает функцию navigate, которую вы можете вызывать для:

Перехода на новый маршрут (например, /home ).
Перехода назад или вперёд в истории браузера (аналог кнопок "назад" и "вперёд").
Передачи состояния (state) в новый маршрут.

Когда использовать useNavigate?

Для перехода на другую страницу после выполнения действия (например, после отправки формы).
Для реализации кнопок "назад" или "вперёд".
Для передачи данных между страницами через state.

Пример кода

import React from 'react';
import { useNavigate } from 'react-router-dom';

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

  const goToHome = () => {
    navigate('/home'); // Переход на маршрут /home
  };

  const goBack = () => {
    navigate(-1); // Вернуться на предыдущую страницу
  };

  return (
    <div>
      <button onClick={goToHome}>Перейти на главную</button>
      <button onClick={goBack}>Назад</button>
    </div>
  );
}

export default ButtonExample;