@xinqingnian/react-virtual-list

a virtual list of React

Install

---

npm install @xinqingnian/react-virtual-list --save-dev

Usage

---

// js
import { ReactVirtualList } from '@xinqingnian/react-virtual-list'

const data = Array(1000).fill(0)

export const Demo = () => {
    return (<div>
	    <ReactVirtualList className="container">
	        {data.map((item, index) => <div key={index}>{item}</div>)}
	    </ReactVirtualList>
    </div>)
}

//css
.container {
    height: 500px;
    overflow-y: auto;
}