PT
RU
EN
ES
ZH
FR
DE
AR
HI
code_learner76
·
Como navegar programaticamente para outra página no React Router v6?
Olá a todos! Comecei a estudar React recentemente e me deparei com um problema. Estou usando React Router v6 para navegação no aplicativo. Através de links comuns tudo funciona perfeitamente, mas preciso redirecionar o usuário programaticamente após certas ações — por exemplo, após um login bem-sucedido ou após o envio de um formulário.
Aqui está o código do meu componente de login:
```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) {
// Aqui eu quero navegar para /dashboard
console.log('Login bem-sucedido! Preciso ir para o dashboard');
}
};
return (
);
}
```
