Wie navigiere ich programmatisch zu einer anderen Seite in React Router v6?
Hallo zusammen! Ich habe gerade angefangen, React zu lernen und bin auf ein Problem gestoßen. Ich verwende React Router v6 für die Navigation in der App. Über normale -Links funktioniert alles einwandfrei, aber ich muss Benutzer nach bestimmten Aktionen programmatisch umleiten – zum Beispiel nach erfolgreichem Login oder nach dem Absenden eines Formulars.
Hier ist mein Code für die Login-Komponente:
```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) {
// Hier möchte ich zu /dashboard navigieren
console.log('Erfolgreicher Login! Muss zum Dashboard navigieren');
}
};
```