a virtual list of React
npm install @xinqingnian/react-virtual-list --save-dev
// 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;
}