Javascript 为什么我没有被重定向到我选择的路径?反应路由器
我有一个小问题,我有一个身份验证系统,我想在登录或注册时导航到它。我的页面重定向到主路径Javascript 为什么我没有被重定向到我选择的路径?反应路由器,javascript,reactjs,react-router,router,Javascript,Reactjs,React Router,Router,我有一个小问题,我有一个身份验证系统,我想在登录或注册时导航到它。我的页面重定向到主路径/,但它不工作 我正在尝试这样做: render() { const { redirect } = this.state.redirect; if (redirect) { return <Redirect to="/" />; } else { return ( <div> <Register
/
,但它不工作
我正在尝试这样做:
render() {
const { redirect } = this.state.redirect;
if (redirect) {
return <Redirect to="/" />;
} else {
return (
<div>
<RegisterForm
data={this.state}
handleChange={this.handleChange}
handleSubmit={this.handleSubmit}
/>
</div>
);
}
}
问题出在哪里?在解构您的状态时,您似乎犯了一个错误:
render() {
const { redirect } = this.state.redirect;
应该是:
render() {
const { redirect } = this.state;
但这可能不是唯一的问题
此外,您还可以将render
函数缩减为以下内容:
render() {
const { redirect } = this.state.redirect;
return redirect ? <Redirect to="/" />
:
<div>
<RegisterForm
data={this.state}
handleChange={this.handleChange}
handleSubmit={this.handleSubmit}
/>
</div>
}
render(){
const{redirect}=this.state.redirect;
返回重定向?
:
}
在解构您的状态时,您似乎犯了一个错误:
render() {
const { redirect } = this.state.redirect;
应该是:
render() {
const { redirect } = this.state;
但这可能不是唯一的问题
此外,您还可以将render
函数缩减为以下内容:
render() {
const { redirect } = this.state.redirect;
return redirect ? <Redirect to="/" />
:
<div>
<RegisterForm
data={this.state}
handleChange={this.handleChange}
handleSubmit={this.handleSubmit}
/>
</div>
}
render(){
const{redirect}=this.state.redirect;
返回重定向?
:
}
如果您不告诉我们您需要知道的是什么,我们就无法知道问题出在哪里?您是否遇到了错误?到目前为止你得到了什么?你期望发生什么?我只注意到你的代码中有一个问题,但我不知道它是否能解决你的问题。我想在登录或注册我的页面时重定向到主路径,如果你不告诉我们你需要知道的是什么,我们就不知道问题出在哪里了。你有错误吗?到目前为止你得到了什么?你期望发生什么?我只注意到你的代码中有一个问题,但我不知道它是否能解决你的问题。我想在登录或注册我的页面时重定向到主路径,那就是