路径中使用参数后，两种成分混合反应
Praveen yadav
在反应中，我使用具有两个不同路径的两个组件。当我使用此代码路由组件时，它可以正常工作..
<Router>
<Provider store={store}>
<Route exact path="/ID/" component={App}/>
<Route path="/login" component={Login}/>
<Route path="/register" component={Register}/>
</Provider>
</Router>
但是，当我使用ID作为参数时，Register和Login组件将与App组件混合在它们的路径“ / register”和“ / login”上，如图所示。在路径“ /：ID”上，一切都很好。
<Router>
<Provider store={store}>
<Route exact path="/:ID/" component={App}/>
<Route path="/login" component={Login}/>
<Route path="/register" component={Register}/>
</Provider>
</Router>
阿曼
您应该将路线包裹在中<Switch>。它将呈现第一个匹配的路由，并将忽略任何后续匹配。
另外，您也应该将<Route exact path="/:ID/" component={App}/>路线放在<Switch></Switch>包装器的/login和，因为和/register被识别为的匹配项/:ID。
<Router>
<Provider store={store}>
<Switch>
<Route path="/login" component={Login}/>
<Route path="/register" component={Register}/>
<Route exact path="/:ID/" component={App}/>
</Switch>
</Provider>
</Router>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
两种输入均无反应
- 2
改造中的两种不同反应
- 3
在单个Web表单中使用两种表单
- 4
在 elements.style 属性中使用两种样式
- 5
在ggplot中使用aes的两种方式之间的区别？
- 6
两种可变参数的扩展
- 7
两种不同的方法或附加参数？
- 8
通过两种不同的方式用相同的参数调用fopen后，返回值不同
- 9
如何正确混合两种int颜色
- 10
C ++中的两种不同的混合模式。（mixin？CRTP？）
- 11
如何正确混合两种int颜色
- 12
界面Ubuntu 12.04上混合了两种语言
- 13
使用os.walk方法获取包含两种文件类型的目录路径
- 14
反应中发生的两种方式绑定？
- 15
是否可以使用JSON在LibGDX的TextButtonStyle中使用两种字体？
- 16
是否可以使用JSON在LibGDX的TextButtonStyle中使用两种字体？
- 17
在Rails中使用devise时，如何添加将以两种不同方式使用该站点的两种不同类型的用户？
- 18
使用两种不同版本的宝石
- 19
使用grep的两种命令的区别
- 20
建立战争后，使用不同版本的两种mail.jar
- 21
声明使用相同参数的两种不同方法
- 22
脚本的python路径可以采用两种形式
- 23
如何在Java中使用两种绘画方法？还是外涂的基本方法
- 24
在CSS选择器中使用井号字符的两种用法有何区别？
- 25
LibGdx-在一个TextButton中使用两种样式
- 26
如何在Laravel中使用两种语言生成到路由的URL
- 27
matplotlib在同一注释中使用两种不同的颜色
- 28
在C ++ OpenMP中使用蒙特卡洛方法以两种方式计算pi
- 29
Yii2如何在一个GridView中使用两种不同的模型
我来说两句