Перенаправление с помощью React Router v6

Чтобы выполнить перенаправление с помощью React Router v6, вы можете использовать перехватчик useNavigate, предоставляемый библиотекой. Вот несколько методов, которые вы можете использовать:

  1. Программное перенаправление:

    import { useNavigate } from 'react-router-dom';
    function MyComponent() {
     const navigate = useNavigate();
     function handleRedirect() {
       navigate('/new-route');
     }
     return (
       <button onClick={handleRedirect}>
         Redirect to New Route
       </button>
     );
    }
  2. Условное перенаправление:

    import { useNavigate } from 'react-router-dom';
    function MyComponent() {
     const navigate = useNavigate();
     const shouldRedirect = true; // Your condition here
     if (shouldRedirect) {
       navigate('/new-route');
     }
     return <div>Some content here</div>;
    }
  3. Перенаправление с задержкой:

    import { useNavigate } from 'react-router-dom';
    function MyComponent() {
     const navigate = useNavigate();
     function handleRedirectWithDelay() {
       setTimeout(() => {
         navigate('/new-route');
       }, 2000); // Delay in milliseconds
     }
     return (
       <button onClick={handleRedirectWithDelay}>
         Redirect to New Route with Delay
       </button>
     );
    }

Обратите внимание, что использование React Router v6 может отличаться от более ранних версий, поэтому обязательно обращайтесь к официальной документации для получения последней информации.