文件名称:vist:使用react和rxjs构建虚拟列表组件
文件大小:538KB
文件格式:ZIP
更新时间:2024-05-22 09:51:00
react rxjs virtual-list TypeScript
拜访 使用react和rxjs构建虚拟列表组件 卖点 滚动列表时,Vist不会创建或删除任何DOM,它将重用现有DOM,仅更改其位置和数据。 但是,当您调整窗口大小时,您会发现DOM的编号已更改,因此您的虚拟列表将始终具有正确的DOM编号。 安装 npm install --save vist 用法 import React from 'react' ; import { VirtualList } from 'vist' ; class App extends Component { constructor ( props ) { super ( props ) ; const data = new Array ( 5000 ) . fill ( 0 ) . map ( ( _ , i ) => i ) ; this . state = { dat
【文件预览】:
vist-master
----.travis.yml(39B)
----example()
--------package.json(491B)
--------src()
--------public()
--------README.md(103KB)
--------yarn.lock(314KB)
----rollup.config.js(880B)
----package.json(2KB)
----tslint.json(2KB)
----.prettierrc(189B)
----LICENSE(1KB)
----dist()
--------index.js(217KB)
--------index.js.map(557KB)
--------test.d.ts(12B)
--------index.es.js(217KB)
--------index.d.ts(32B)
--------VirtualList.d.ts(1KB)
--------index.es.js.map(557KB)
--------VirtualList.service.d.ts(2KB)
----src()
--------typings.d.ts(216B)
--------VirtualList.css(152B)
--------test.ts(153B)
--------VirtualList.service.ts(6KB)
--------index.tsx(31B)
--------VirtualList.tsx(3KB)
----tsconfig.test.json(87B)
----tsconfig.json(634B)
----.gitignore(78B)
----CHANGELOG.md(5KB)
----README.md(3KB)
----yarn.lock(422KB)
----.editorconfig(187B)