【React】【react-router-dom】 exact strict

曾经出现路由变化,但是2个组件同时渲染在同一个路由上

exist

react-router-dom更新后增加了一个 exact 属性, 属于 bool 类型

当exact == true, /one 和 /one/two 是不匹配的
当exact == false, /one 和 /one/two 是匹配的

所以出现了这种问题,没有设置exact, /one 会匹配 /one 路由和 / 根路由,所以出现了两个组件

1
2
3
4
5

<Router>
<Route path="/" exact component={ App }></Route>
<Route path="/details/" component={ QuestionDetails }></Route>
</Router>

strict

strict则表示是否匹配末尾斜杠的路径

如果为true, /one 和 /one/ 不匹配

坚持原创技术分享,您的支持将鼓励我继续创作!