当我是参数化路由时如何重定向到原始路由答案

【问题标题】：How to redirect to orginal route when i we are parameterized routing当我是参数化路由时如何重定向到原始路由
【发布时间】：2020-08-10 08:29:22
【问题描述】：

所以首先我有 http://localhost:3000/#/users.html，
这是用户列表页面，当点击编辑用户按钮时
重定向到 http://localhost:3000/#/update-user.html/8
这是更新用户页面，现在我有一个侧边栏有用户列表标签
现在如果我点击侧边栏，它会重定向到

http://localhost:3000/#/update-user.html/users.html

但需要重定向到原始路由

http://localhost:3000/#/users.html

这是 App.js 代码：

class App extends Component {
  render() {
    return(
      <HashRouter>
        <ToastContainer></ToastContainer>
           <Route exact  path="/" component={Dashboard}/>
           <Route  path="/widgets.html/" component={Widgets}/>
           <Route  path="/users.html/" component={Users}/>
           <Route  path="/add-user.html/" component={Adduser}/>
           <Route  path="/update-user.html/:id" component={Updateuser}/>
           <Route  path="/delete-user.html/:id" component={Deleteuser}/>
      </HashRouter>
    )
  }
}

这是users.js 代码，我将在其中点击更新用户：

<tr key={user.id}>
    <td>{user.id}</td>
    <td>{user.first_name}</td>
    <td>{user.last_name}</td>
    <td>{user.user_email}</td>
    <td><NavLink to={`/update-user.html/${user.id}`} className="btn btn-primary">Edit User</NavLink></td>
    <td><NavLink to={`delete-user.html/${user.id}`} className="btn btn-danger">Delete User</NavLink></td>
</tr>

这是侧边栏代码：

<ul className="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
    
    <li className="nav-item">
    <NavLink exact to="/" className="nav-link">
        <p>Dashboard</p>
    </NavLink>
    </li>

    <li className="nav-item">
    <NavLink  to="widgets.html" className="nav-link">
        <p>Widgets</p>
    </NavLink>
    </li>
    <li className="nav-item">
        <NavLink to="users.html" className="nav-link">
            <p>Users List</p>
        </NavLink>
    </li>
</ul>

【问题讨论】：

请出示一些代码
我刚刚编辑了我的问题以添加代码@ÖzgürArslan

标签： javascript reactjs routes

【解决方案1】：

看起来您在NavLink 中的to 属性的开头缺少一个“/”。链接应如下所示：

<li className="nav-item">
   <NavLink to="/users.html" className="nav-link">
       <p>Users List</p>
   </NavLink>
</li>

【讨论】：