ZH
RU
EN
ES
FR
DE
PT
AR
HI
code_learner76
·
如何在 React Router v6 中以编程方式导航到另一个页面？
大家好！我刚开始学习 React，遇到了一个问题。我在应用中使用 React Router v6 进行导航。通过普通的 链接一切正常，但我需要在某些操作后以编程方式重定向用户——例如，在成功登录或提交表单后。
以下是我的登录组件代码：
```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) {
// 在这里我想导航到 /dashboard
console.log('登录成功！需要跳转到 dashboard');
}
};
return (
);
}
```
