array(2) { ["docs"]=> array(0) { } ["count"]=> int(0) } 111string(0) "" int(1) int(10) int(70) int(8640000) string(13) "likecs_art_db" array(1) { ["query"]=> array(1) { ["match_all"]=> object(stdClass)#32 (0) { } } } array(1) { ["createtime.keyword"]=> array(1) { ["order"]=> string(4) "desc" } } int(10) int(0) int(8640000) array(2) { ["docs"]=> array(0) { } ["count"]=> int(0) } react.js 基础知识第一章 - 爱码网

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

react.js 基础知识第一章

路由的小知识点:

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

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

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

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

react.js 基础知识第一章

react.js 基础知识第一章 react.js 基础知识第一章

<Router> 是 BowerRouter as Router  

相关文章: