小编VvV*_*VvV的帖子

React 中不同组件的相同路由路径

我需要一个视图组件和一个编辑组件。根据情况,需要有一个按钮进入“查看”页面或“编辑”页面。

我设置了如下所示的路线。问题是路径是相同的。

<Route exact path='/users/:user_id' component={Users.Edit} />
<Route exact path='/users/:user_id' component={Users.View} />
Run Code Online (Sandbox Code Playgroud)

在页面中,我有如下链接

(type = "A") ? <Link to="users/1">view</Link> : <Link to="users/1">edit</Link>
Run Code Online (Sandbox Code Playgroud)

目前,路由器具有相同的路径,因此按钮将转到“编辑”组件。

有什么好的反应方式可以调用编辑组件或查看组件吗?或者我需要像下面这样吗?

<Route exact path='/users/:user_id' component={Users.Edit} />
<Route exact path='/users/:user_id/view' component={Users.View} />
Run Code Online (Sandbox Code Playgroud)

routes reactjs

5
推荐指数
1
解决办法
2702
查看次数

标签 统计

reactjs ×1

routes ×1