Чтобы выполнить перенаправление с помощью React Router v6, вы можете использовать перехватчик useNavigate, предоставляемый библиотекой. Вот несколько методов, которые вы можете использовать:
-
Программное перенаправление:
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> ); } -
Условное перенаправление:
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>; } -
Перенаправление с задержкой:
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 может отличаться от более ранних версий, поэтому обязательно обращайтесь к официальной документации для получения последней информации.