React Router with params navigatin back 需要双击

Question

简单的问题。

例如，当我在/dashboard路由器中并单击<Link to="/users/:userID" >路由器并尝试返回/dashboard它时，wine 可以正常工作，但是当/users/:userID我从路由器导航到另一个/users/:userID路由器并尝试返回时，我需要单击后退按钮两次，不知道为什么?

例如

/dashboard -> /users/1 并返回（需要 1 次点击）

/dashboard -> /users/1 -> /users/2 并返回到 /users/1（需要点击 2 次）

这是我在 App.js 中的路线

<Route path='/users/:userId'  render={()=><User/>} />

这是我的 User.jsx render()

render() {
    let movie = this.props.thisUserIdData;
    const { match } = this.props;
    console.log(match);
    return (
        <div> .... </div>
         )
}

和 componentDidMount()

componentDidMount() {
   this.loadData(this.props.match.params.userId); 
   //using redux and  axios to  get data 
}

Answer 1

我有类似的嵌套情况onClick操作中遇到了类似的情况。

例如：

<div onClick={() => push(`/user/${id}`)}>
   <button onClick={() => push(`/user/${id}`)}>to user</button>
</div>