1.安装react-keeper
$ npm i react-keeper --save
复制代码
2.在项目中进行引入
import { HashRouter,Route,Link } from 'react-keeper'
复制代码
配置路由
注意：在使用react-keeper时，通过react-keeper引用的组件（Route,Link）都必须在HashRouter包裹之中，
并且HashRouter最外层还需要一个div
{/*路由容器 */}
cache属性可以添加属性值，React-Keeper支持的属性值有root（default）、parent。
cache='root'（或cache）为永久缓存，只要根组件不解绑，页面将永久缓存。
cache='parent'为父组件缓存，在父组件不解绑的情况下会维持缓存状态。
复制代码
3.路由跳转与传参
引入Control
{/* // 菜单栏 */}
- 文章
- 心情
- 照片墙
- 关于我
</div>
</HashRouter>cache属性可以添加属性值，React-Keeper支持的属性值有root（default）、parent。
cache='root'（或cache）为永久缓存，只要根组件不解绑，页面将永久缓存。
cache='parent'为父组件缓存，在父组件不解绑的情况下会维持缓存状态。
复制代码
3.路由跳转与传参
引入Control
import { Control } from 'react-keeper'
复制代码
回到上一页
Control.go(-1)
复制代码
也通过这样跳转，并传递参数
Control.go("bookInfo",{ID:ID})
复制代码
接收参数
Control.state.ID
复制代码
传统方式：
this.props.history.push({
pathname:"bookInfo",
query:{ID:ID}
})复制代码
传统接手参数
this.props.location.query.ID
复制代码
相关参考文章：
https://segmentfault.com/a/1190000016621746?utm_source=tag-newest
https://www.jianshu.com/p/46d55400fb89
作者: Bill 本文地址: http://biaoblog.cn/info?id=1577957580000
版权声明: 本文为原创文章，版权归 biaoblog 个人博客 所有，欢迎分享本文，转载请保留出处，谢谢！
