【文件属性】:
文件名称:react-live-route:增强的react-router-v45 Route使路由保持活动状态
文件大小:154KB
文件格式:ZIP
更新时间:2021-05-06 17:17:13
react router react-router keep-alive react-router-v4
实时React路线
react-router-v4路由组件的增强版本,它使路由组件在不匹配的路径上保持活动状态,并在匹配路径上将其完全还原。
文档
反馈
随时打开一个寻求帮助或进行讨论。 如果需要详细的代码问题帮助,请分叉最小演示以提供重现方案,否则由于缺少信息,您的问题可能会直接关闭。
演示版
codeSandbox
您可以在codeSandbox上体验和查看源代码。
二维码
您也可以扫描以上演示的QR码以在移动设备上体验它。
安装
npm install react-live-route
或者
yarn add react-live-route
关于
当路径不匹配时,它将隐藏路由的组成部分,而不是取消删除,并在返回时恢复它。 提供了一些API来控制组件的隐藏条件。
例子:
有一个项目列表页面,单击此页面上的项目将进入项目详细信息页面。 进入详细信息页面时,项目列表页面将被
【文件预览】:
react-live-route-master
----.prettierignore(12B)
----.circleci()
--------config.yml(1KB)
----.gitignore(109B)
----tsconfig.json(870B)
----README.md(9KB)
----docs()
--------scroll-restoration-zh.md(4KB)
--------README-zh.md(5KB)
--------qr.png(14KB)
----LICENSE(1KB)
----__test__()
--------utils()
--------LiveRoute.test.tsx(3KB)
--------BaseOfRoute.test.tsx(12KB)
----package.json(2KB)
----tslint.json(120B)
----src()
--------index.tsx(62B)
--------LiveRoute.tsx(12KB)
----scripts()
--------build.ts(4KB)
----jest.config.js(359B)
----yarn.lock(265KB)
----.prettierrc.js(296B)
----package-lock.json(133KB)