文件名称:react-view-cache:缓存React视图
文件大小:405KB
文件格式:ZIP
更新时间:2024-05-31 16:23:35
JavaScript
React视图缓存
缓存React视图。
介绍
使用react-view-cache,您可以在特殊的Cache组件中呈现组件。 当您在同一缓存中呈现另一个组件时,前一个组件不会立即卸载,而是通过设置为display: none隐藏,并保留所有状态。
将页面缓存在SPA中非常好。 通过在缓存挂钩中保存和还原滚动,您将获得一个优化的应用程序。 当您前后浏览时,上一页会立即显示旧滚动条,而无需重新加载。 此外,您还将花费更少的精力来管理页面之间的数据和状态。
基本用法
import createCache from "react-view-cache";
const Cache = createCache();
...
const view =
【文件预览】:
react-view-cache-master
----src()
--------lib.js(891B)
--------index.js(6KB)
----.babelrc(47B)
----examples()
--------cache_page_with_scroll_restoration()
----test()
--------index.html(175B)
--------webpack.config.js(450B)
--------src()
--------.babelrc(47B)
--------dist()
--------package.json(450B)
----README.md(2KB)
----dist()
--------lib.js(2KB)
--------index.js(11KB)
----.gitignore(18B)
----CHANGELOG.md(135B)
----package.json(823B)