有人可以解释之间的区别
<Route exact path="/" component={Home} />
和
<Route path="/" component={Home} />
我不知道’确切’的含义
在这个例子中,没有什么.当您有多个具有相似名称的路径时,确切的参数将起作用:
原文链接:https://www.f2er.com/react/301138.html例如,假设我们有一个显示用户列表的Users组件.我们还有一个CreateUser组件,用于创建用户. CreateUsers的url应嵌套在Users下.所以我们的设置看起来像这样:
<Route path="/users" component={Users} /> <Route path="/users/create" component={CreateUser} />
现在问题在于,当我们访问http://app.com/users时,路由器将遍历我们定义的所有路由并返回它找到的FIRST匹配.所以在这种情况下,它会首先找到Users路由然后返回它.都好.
但是,如果我们访问http://app.com/users/create,它将再次通过我们所有已定义的路由并返回它找到的FIRST匹配. React路由器进行部分匹配,因此/ users部分匹配/ users / create,因此它会错误地再次返回Users路由!
确切的参数禁用路径的部分匹配,并确保它只返回路径,如果路径与当前网址完全匹配.
所以在这种情况下,我们应该将精确添加到我们的用户路由中,以便它只匹配/ users:
<Route exact path="/users" component={Users} /> <Route path="/users/create" component={CreateUser} />