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