JSPM

  • Created
  • Published
  • Downloads 1685888
  • Score
    100M100P100Q209122F
  • License MIT

React Virtual List Component

Package Exports

  • rc-virtual-list

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rc-virtual-list) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

rc-virtual-list

React Virtual List Component which worked with animation.

NPM version build status Test coverage node version npm download

Development

npm install
npm start
open http://localhost:9001/

Feature

  • Support react.js
  • Support animation
  • Support IE11+

Install

rc-virtual-list

Usage

import List from 'rc-virtual-list';

<List data={[0, 1, 2]} height={200} itemHeight={30} itemKey="id">
  {index => <div>{index}</div>}
</List>;

API

List

Prop Description Type Default
children Render props of item (item, index, props) => ReactElement -
component Customize List dom element string | Component div
data Data list Array -
disabled Disable scroll check. Usually used on animation control boolean false
height List height number -
itemHeight Item minium height number -
itemKey Match key with item string -

children provides additional props argument to support IE 11 scroll shaking. It will set style to visibility: hidden when measuring. You can ignore this if no requirement on IE.