路由多个 '//'

来源:4-12 react-router4 路由 05-和 Redux 配合-补充

小感冒

2017-11-25

http://img.mukewang.com/szimg/5a1980820001302d08920318.jpg

老师,这里箭头指的地方如果添加了斜杠'/',会导致从该route1路由跳转到其他路由的时候,url会产生两个斜杠,导致不匹配。

http://img.mukewang.com/szimg/5a1980fc00010d3505860140.jpg

我去掉了斜杠,则正常。

在老师您的视频里也会产生两个斜杠,导致不匹配。

请问除了去掉斜杠,还有其他的方法吗?


写回答

2回答

qq_苏天天_03275487

2017-11-28

将当前路径的 / 去掉,其他的不用变即可   如下:

<Link to={`${match.url}`}>一营</Link> 

<Route path={`${match.url}`} exact component={App}></Route>

1
0

小封

2017-11-29

改成{`${match.path}`} 就可以了

0
0

Redux+React Router+Node.js全栈开发

全网唯一的React 16+Redux+React Router4实战课程,学到手是你的真本领!

1822 学习 · 750 问题

查看课程