资讯专栏INFORMATION COLUMN

React-Router 杂记

keelii / 1573人阅读

摘要:三种的区别即对应中的值,如,服务器对任务都返回同一个,具体的路径由浏览器区分,因为浏览器不会发送后面的值给服务器。如果是即变成这样,,所以要对服务器配置不同的返回不同的资源。就是没有的情况,比如。

三种Router的区别

1. HashRouter: 即对应url中的hash值,如xx.com/#/a、xx.com/#/a/b, 服务器对任务url都返回同一个url,具体的路径由浏览器区分,因为浏览器不会发送hash后面的值给服务器。  
2. BrowserRouter:如果是BrowseRouter即url变成这样,xx.com/a、xx.com/a/b, 所以要对服务器配置不同的url返回不同的资源。
3. MemoryRouter: 就是没有URL的情况,比如(React Native)。

react-router的哲学
https://github.com/rccoder/bl...

1. 动态路由,每一个route都是一个组件,更好的配合React  
2. 路由嵌套

react-router和redux问题
有时候,当location改变,组件并没有更新(子路由组件或者activity link),主要是因为:

1.组件直接通过redux的connect  
2.该组件不是路由组件,也就是没有这样的代码
 

原因是redux内部实现了shouldComponentUpdate,但又没有从react-router接收到props,意味着不会改变。解决办法:

// before
export default connect(mapStateToProps)(Something)

// after
import { withRouter } from "react-router-dom"
export default withRouter(connect(mapStateToProps)(Something))

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101616.html

相关文章

  • 2018.12月问题整理杂记

    摘要:布局如下对于这块,我不是很理解,后发现,注销这个样式,用可以解决。后查阅一些资料,到了原因。 -12.24-:html布局如下: html css javascript vue css: tab{ width: 600px; margin: 0 auto; } .tab-tit{ width: 600px; font-si...

    wudengzan 评论0 收藏0
  • React-flux杂记

    摘要:简介是一种搭建客户端的应用架构,更像是一种模式而不是一个框架。 简介 Flux是一种搭建WEB客户端的应用架构,更像是一种模式而不是一个框架。 特点 单向数据流 showImg(https://segmentfault.com/img/remote/1460000018128072?w=1300&h=708); 与MVC的比较 1.传统的MVC如下所示(是一个双向数...

    王岩威 评论0 收藏0
  • JavaScript 杂记(一)

    摘要:基础简单基础数据类型值得注意的是的值是,表示一个空对象指针,没有指向任何对象。的值是,表示申明变量或对象的属性却未初始化。值是派生自的,所以对他们执行相等测试会返回。字符串单引号和双引号都可以用来表示字符串,只要前后一致即可。 目的 记忆总是会随着时间而淡化,学习了点什么,就记录下点什么。 做点什么,总比不做要好。 基础 简单(基础)数据类型 Number ...

    raise_yang 评论0 收藏0
  • 杂记之关于织梦网站修改的一些操作

    摘要:修改菜单首先,修改,为什么看了就明白了提示信息在里修改最后大多数要修改的内容都在里,希望可以帮助到你,没涉及的那你就再百度一下吧,学艺不精欢迎指正 1.修改菜单首先,修改dede/temples/index2.html + dede/inc/inc_menu.php,为什么?!看了就明白了 2.dede提示信息在dede/sys_data_done.php 里修改 最后大多数要修改的...

    yy13818512006 评论0 收藏0
  • CSS 杂记

    摘要:样式优先级内联样式表标签内部嵌入样式表当前文件中外部样式表外部文件中。标签的权值为类选择符的权值为选择符的权值最高为权值为权值为权值为权值为权值为权值为但是因为有为最高权值可以用来设置最高权值优先级样式,权值高于用户自己设置的样式。 css 样式优先级 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。 权值 浏览器会根据权值来判断使用哪种 css 样式的...

    lavor 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<