Comment naviguer programmatiquement vers une autre page dans React Router v6 ?
Bonjour à tous ! Je viens de commencer à apprendre React et j'ai rencontré un problème. J'utilise React Router v6 pour la navigation dans l'application. Avec les liens classiques , tout fonctionne parfaitement, mais j'ai besoin de rediriger l'utilisateur programmatiquement après certaines actions — par exemple, après une connexion réussie ou après la soumission d'un formulaire.
Voici mon code du composant de connexion :
```javascript
import { useNavigate } from 'react-router-dom';
function LoginForm() {
const handleSubmit = async (event) => {
event.preventDefault();
const response = await fetch('/api/login', {
method: 'POST',
body: new FormData(event.target)
});
if (response.ok) {
// C'est ici que je veux naviguer vers /dashboard
console.log('Connexion réussie ! Je dois naviguer vers le dashboard');
}
};