React路由器没有导航
React路由器没有导航
提问于 2021-06-01 13:24:50
我在导航栏里有signIn和signUp。
我的"/“路径呈现SignUp组件，SignUp组件有一个带有输入和按钮的表单。
在总结表单或单击按钮时，我应该被带到("/signin") SignIn页面，该页面呈现我的signIn组件。
但是，我的问题是，一旦我单击按钮或求和它仍然停留在("/") signUp页面中，并且没有导航到signIn页面("/signin")
代码:
import { Redirect } from "react-router-dom";
function Signup() {
const handleClick = () => {
<Redirect to="/signin" />;
};
return (
<div>
<form>
<label>
Enter Mobile Number
</label>
<input />
<button onClick={handleClick} >
Get OTP
</button>
</form>
</div>
);
}
export default Signup;App.js
function App() {
return (
<Router>
<div>
<Nav />
<Switch>
<Route exact path="/" component={Signup} />
<Route path="/signin" component={SignIn} />
</Switch>
</div>
</Router>
);
}我试着解决这个问题，，
我裹在纽扣里：
<button onClick={handleClick} >
<Link to="/signin"> Get OTP </Link>
</button>我也尝试了onSumbit的形式而不是onClick。
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-06-01 13:41:45
一种方法是在如下的Link元素中进行组合：
import { Link } from "react-router-dom";
<Link to='/'>
<button>
Redirect to home
</button>
</Link>至于形式，你可以这样做：
import { history } from "react-router-dom";
<form onSubmit={() => history.push("/")}>
...
</form>Stack Overflow用户
发布于 2021-06-01 13:29:31
您需要将按钮包装在Link中：
<Link to='/'>
<button>
Redirect to home
</button>
</Link>并从“react router”中添加Link组件：
import { Link } from "react-router-dom";页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67789726
复制相关文章
相似问题
腾讯云开发者
