文件名称:react-keepAlive-dynamic:react-keepAlive in React.js , 缓存组件+动态虚拟列表的方式在React中
文件大小:153KB
文件格式:ZIP
更新时间:2024-05-26 10:33:03
JavaScript
这是一个在React中使用的性能优化方案
既可以动态的设定虚拟列表每个自元素的宽度高度
也可以在动态keep-alive缓存指定的组件
借此来媲美原生应用的用户体验
使用步骤
$ yarn
$ yarn dev
最终访问端口号 8000 即可
:package: 安装
react-component-keepalive 最低支持 React 16.3 版本,但是如果你使用了 React Hooks,那么必须是 React 16.8 或更高版本。
在你的应用中安装 React Keep Alive:
npm install --save react-component-keepalive
:hammer: 使用
React Keep Alive 提供了
【文件预览】:
react-keepAlive-dynamic-master
----.gitignore(14B)
----package.json(1KB)
----src()
--------ContentTwo.jsx(3KB)
--------index.js(149B)
--------Content.jsx(573B)
--------App.jsx(1KB)
--------ContentOne.jsx(1KB)
--------index.less(27B)
----yarn-error.log(250KB)
----public()
--------index.html(283B)
----config()
--------webpack.dev.js(2KB)
----ReadMe.Md(8KB)
----yarn.lock(237KB)