react router在Github上已经有接近70000的 star 数了是目前朂热门的前端框架。而我学习react router也有一段时间了现在就开始用 react router+Redux 进行实战!
上回说到使用Redux-saga 管理 Redux 应用异步操作,应用还是只有一个首页.现在开始構建一个新的投稿页面并使用 react router-Router 进行路由管理.
相关的Redux部分已经讲过.就不重复介绍了,感兴趣的可以查看
与 push 的区别是无法通过历史堆栈返回跳转前的页面
goBack() 等同于浏览器的后退键
match 对象包含了 Route 如何与 URL 匹配的信息,具有以下属性:
现在我们得到了一个可以见人的應用了剩下的大部分是一些业务代码。为了检验效果当然是选择部署到服务器下篇文章将会介绍利用 nginx 的 docker 镜像部署 react router 应用。
如果你已经是一个正在开发中的react router應用想要引入更好的管理路由功能。那么react router-router是你最好的选择~
//...省略一部分代码
很容易注意到这个组件并没有UI,render方法return了一个null很容易产生这樣一个疑问,既然没有UI为什么react router-router的创造者依然选择将Redirect写成一个组件呢
希望这篇文章可以你更好的创建你的react router应用.
以上信息来源于互联网希望對你有所。
react router-router4的文档用的是BrowserRouter照着文档的demo写,發现第一次路由过去的路径能正常显示再刷新页面就发现说找不到路径了,这就纳闷了不知道哪里出了问题。后来得知BroswerRouter是需要服务端配合的服务端重定向到首页,BrowserRouter是基于html5的pushState和replaceState的很多浏览器不支持,存在兼容性问题故最后选择HashRouter.
路由结构定义如下:
报错是说<Router>只允许有┅个子节点,故需要包一层div如下