Comments (8)
有一定难度,因为 cache-route
依附于 react-router
实现,但目前遇到的是 react-router
也没有做到的问题,如果需要支持的话,可能会是一些 hack 或者有味道的代码,很难适应所有的使用者,甚至会造成其他的问题,从收益上来说也许并不适宜支持这个问题,除非 react-router
本身对此情况有通用解决方案
也有方法:将 when
设置为 always
,业务代码中记录跳转前后的路由路径,提供方法判断两者的前后关系,再借助 dropCache
方法手动取消缓存,理论上可以实现此功能
from react-router-cache-route.
确实, 我在路由配置中添加路由顺序处理吧
另外,behavior这个能暴露多点参数吗 比如是cache还是recover,
在写入场动画和出场动画,发现加了入场动画(translateX(100%) => translateX(0))后,back也是会触发这个,每个页面在didRecover移除这个太麻烦了
或者你有什么其他处理方式吗
from react-router-cache-route.
这个期望的目的是更好地控制转场动画吗?我在想如何让 cache-route 直接支持转场动画的设计,如果暴露 isCached 或者 isRevover 似乎还不够灵活
from react-router-cache-route.
是的,但目前看来,cache-route 入场动画无法完美实现,我无法获知当前页面是否后退而取消入场动画。
如果按照ReactCSSTransitionGroup 来进行className的动态变换就完美了
是否考虑下先暴露出isCached/isRevover 来过渡下呢
from react-router-cache-route.
我期望能直接走到支持 TransitionGroup 这一步上,但目前没时间做...需要到 6 月份了
from react-router-cache-route.
那先hack下吧 项目现在中需要用到
感谢
from react-router-cache-route.
那先hack下吧 项目现在中需要用到
感谢
请问你是怎么hack的呢?我们项目里面用到了多个tab缓存页面,在用reduxRouter.push 或者 浏览器的前进后退都会丢失缓存。感谢!
from react-router-cache-route.
@ellisonLou 不是太明白你说的 如果 是点击浏览器前进后退无法缓存的话,上面@CJY0208 有提供方案
也有方法:将
when
设置为always
,业务代码中记录跳转前后的路由路径,提供方法判断两者的前后关系,再借助dropCache
方法手动取消缓存,理论上可以实现此功能
如果是做路由控制的话,需要自己hack behavior
提供的参数 来回切换显示和隐藏 通过变量累加来判断是前进还是后退 但这种方案不太理想 还是有少数情况下出现错误动画
from react-router-cache-route.
Related Issues (20)
- 记录启用 multiple 时 href 中有中文的一个 BUG 及解决方案 HOT 2
- 用react 17 的ReactDOM.render(), 缓存成功, 但不支持react 18的版本 ReactDOM.createRoot() 缓存失败,请问有兼容方案? HOT 6
- 带参数详情页面多份数据缓存如何做? HOT 4
- 带有参数的页面,离开页面的时候useParams会返回undefined,导致无法维持原来的页面组件状态 HOT 3
- 请问下作者如何处理跳转路径完全相同,但是state不同的情况 HOT 2
- 路由里存在中文,路由会缓存2份
- 开启multiple后,带querystring的路由缓存失败
- 请问 在cache-route中如何实现仅在切换路由列表时卸载当前页面组件 谢谢 HOT 1
- `CacheSwitch` re-mount the same component if path changes HOT 1
- item/detail/:id 这种带参数的路由缓存不了,
- 在路由back后,怎么让缓存的组件不重新render呢? HOT 1
- 怎么实现头部Tabs页签的效果?能否提供一些示例? HOT 1
- How to turn off the display:none of the component HOT 5
- 使用CacheRoute缓存路由,出现闪烁
- 【咨询】为什么 Updatable 内部的 Freeze 需要 Delay 1s HOT 2
- CacheSwitch不会触发Suspense的fallback HOT 3
- iframe嵌套状态保留
- 打包部署后报错 HOT 3
- react18+ 安装该库提示报错,最终安装失败
- 切换路由时原页面与悬浮相关的内容都会重新悬浮一遍 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-router-cache-route.