react.js 基础知识第一章

这一篇文章 主要是以一个学习笔记为主，并不是一个全面的视频 。只是作为一个记录。 

路由的小知识点：

当我们使用路由的时候 ，exact 一般只加到 path=“/”的时候， 这个属性的意思是 精确匹配。也就是 如果没有这个属性。我们path=“/a” 会同时显示 path=“/” 和 path="/a" 两个路由的组件。

为什么只有 path=“/” 的时候使用的比较多  而且他的比较少，因为我们在使用 例如 path="/a"的时候 如果 加了 exact 这个属性，

那么  如果还有子组件 path="/a/child"  这个子组件是不会显示出来的，因为 exact 这个属性 在/a的时候已经 拦截了 你输入/a/child的时候不会显示/a组件 从而不会加载 /a的子组件。所以我们一般称之为 深度匹配 

这个标签的作用 主要是用在横向匹配。什么意思，就是和上面例子一样  假设我们有 path="/" path=“/a” 当我们输入 /a的时候 会显示两个页面同时出来 那么 如果我们使用 包裹之后 他会只匹配第一个找到的路由页面，而不会显示其他的 但是这样我们就只显示了 path="/"的页面 所以我们需要调换一下位置 让 path="/a" 放在 path=“/" 前面 这样就行了。这个不会影响到 子路由的情况。所以我们一般称之为横向匹配。只有结合 exact 一起使用才是最合理的。

 

是 BowerRouter as Router