随笔分类 -  React-router4

react router4 笔记
摘要:官方文档读到这里,大概明白了React router是专门为单页面设计的,,我只能说多页面格外的不方便 首先这个是基本的套路 js import React from 'react' import React from 'react dom' import { BrowserRouter as Ro 阅读全文
posted @ 2017-04-06 18:20 凉月-天 阅读(2641) 评论(1) 推荐(1) 编辑
摘要:"https://reacttraining.com/react router/web/example/ambiguous matches" 看了官方的例子,我准备把阮一峰老师的代码再粘贴一次。。!! 阅读全文
posted @ 2017-04-06 17:36 凉月-天 阅读(779) 评论(0) 推荐(0) 编辑
摘要:"https://reacttraining.com/react router/web/example/animated transitions" 动画转换这么高级,其实是又引入了一个组件,没什么特别, js import React from 'react' import ReactCSSTran 阅读全文
posted @ 2017-04-06 17:30 凉月-天 阅读(4250) 评论(0) 推荐(0) 编辑
摘要:"https://reacttraining.com/react router/web/example/recursive paths" 阅读全文
posted @ 2017-04-05 18:27 凉月-天 阅读(1066) 评论(0) 推荐(0) 编辑
摘要:"https://reacttraining.com/react router/web/example/no match" react router dom 又一个新属性 Switch 在Switch 的包裹下, 如果不填写path属性,那么,所有未定义的路由都会渲染这个组件,顺便把路由传进去 阅读全文
posted @ 2017-04-01 15:36 凉月-天 阅读(1644) 评论(0) 推荐(0) 编辑
摘要:文档地址: "https://reacttraining.com/react router/web/example/preventing transitions" 大概意思就是说:我在这个页面上写东西呢?不小心点到了其他路由上,我们可以做一个提示,来一个弹窗,提示你真的要切换走吗?然后选择确定和取消 阅读全文
posted @ 2017-04-01 11:12 凉月-天 阅读(778) 评论(0) 推荐(0) 编辑
摘要:直接贴代码 虽说我这么懒的人应该不会自定义标签,何必呢,,但是我还是看了官方的例子 直接抄过来, exact 属性:根据我的测试,这个属性应该和路由的精确匹配有关有关,当值为true时,路由是会精确匹配的,当不写这个属性,或者值为false时,路由总会存在一个,即两个路由会并存 根据官方的例子,还学 阅读全文
posted @ 2017-04-01 10:20 凉月-天 阅读(2695) 评论(0) 推荐(0) 编辑
摘要:依旧是地址 "https://reacttraining.com/react router/web/example/auth workflow" 上来一步走 先导入模块 关键组件 官方代码 关键代码 在这里!!! ES6的 ...rest 的展开运算符,,很嚣张,很暴力!,不懂的话,百度ES6 展开 阅读全文
posted @ 2017-03-31 19:11 凉月-天 阅读(1577) 评论(0) 推荐(0) 编辑
摘要:"官方文档" 以下代码均来自于官方文档 上来一步走 下一步复制代码 阅读全文
posted @ 2017-03-31 18:46 凉月-天 阅读(15359) 评论(0) 推荐(0) 编辑
摘要:无奈,英语4级没过,只能靠猜了。。 首先就是安装了 不管有用没用先装上!!! 新建一个webpack.config.js,这里使用webpack2来打包jsx 开始写react router啦 以下代码,完全复制于 "https://reacttraining.com/react router/we 阅读全文
posted @ 2017-03-31 18:20 凉月-天 阅读(5121) 评论(4) 推荐(0) 编辑
摘要:第一次看React router发现根据阮一峰老师教程老报错,,完全一样的代码还是报错,,然而到最后才发现自己安装的版本太高了! 由于菜鸟比较新,npm install react router 这样一安装,安装的是react router4,好吧, 然后去百度react router4的教程,然而 阅读全文
posted @ 2017-03-31 17:52 凉月-天 阅读(555) 评论(0) 推荐(0) 编辑