reactjs – React:和之间的区别

前端之家收集整理的这篇文章主要介绍了reactjs – React:和之间的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有人可以解释之间的区别
<Route exact path="/" component={Home} />

<Route path="/" component={Home} />

我不知道’确切’的含义

在这个例子中,没有什么.当您有多个具有相似名称的路径时,确切的参数将起作用:

例如,假设我们有一个显示用户列表的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} />

The docs explain exact in detail and give other examples.

猜你在找的React相关文章