react-keepAlive-dynamic:react-keepAlive in React.js , 缓存组件+动态虚拟列表的方式在React中

时间:2024-05-26 10:33:03
【文件属性】:

文件名称: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 提供了 , 你必须把 放在 Provider 里面。 import React from 'react'; import Reac


【文件预览】:
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)

网友评论