路线参数链接未重定向

时间:2020-04-08 12:59:11

标签: reactjs redirect react-router router react-router-dom

嗨,请问我在React URL路径中传递route参数,但是当我在同一页面的路由中并重定向到另一个配置文件时,他不会重定向

不知道问题

请帮助

例如,当我单击另一个配置文件“ Ahmed”的网址时,我位于个人资料“ Melek”中,但没有重定向

enter image description here enter image description here

这是我的代码

这是路线

const MainRouter = () => {
    return (
        <div>
            <Navbar/>
            <Switch>
                <Route exact path="/" component={Home}/>
                <Route  exact path="/reset-password/:resetPasswordToken" component={ResetPassword} />
                <PrivateRoute exact path="/post/create" component={NewPost}/>
                <Route exact path="/post/:postId" component={Post}/>
                <Route exact path="/users" component={Users}/>
                <Route exact path="/signup" component={Signup}/>
                <Route exact path="/signin" component={Signin}/>
                <PrivateRoute exact path="/findpeople" component={FindPeople}/>
                <Route exact path="/user/:userId" component={Profile}/>
            </Switch>
        </div>
    )
}

这是链接

<Link to={`/user/${person._id}`} className="row mb-2"> {person.name} </Link>

请问我需要解决什么问题

1 个答案:

答案 0 :(得分:0)

我找到了解决方案,可以通过更改关键道具来强制重新安装组件

我只是更改了组件以进行渲染,并将Date.now()添加到了路线页面的渲染中

<Route exact  path="/user/:userId" render={props => <Profile key={Date.now()}  {...props} />} />
相关问题