react表格无缝滚动_react-list - 一个通用的无限滚动React组件

ReactList是一个灵活的无限滚动React组件,适用于表格等场景。安装后,可以通过配置不同的属性实现不同类型的列表,如简单类型、变量类型和统一类型。组件支持预估项大小、滚动到指定位置等功能,但不支持带有外边距的元素布局。开发时可以查看提供的示例页面进行参考。
摘要由CSDN通过智能技术生成

ReactList

A versatile infinite scroll React component.

Install

bower install react-list

# or

npm install react-list

ReactList depends on React.

Examples

Check out the example page and the the example page source for examples of different configurations.

Here's another simple example to get you started.

import loadAccount from 'my-account-loader';

import React from 'react';

import ReactList from 'react-list';

class MyComponent extends React.Component {

state = {

accounts: []

};

componentWillMount() {

loadAccounts(::this.handleAccounts);

}

handleAccounts(accounts) {

this.setState({accounts});

}

renderItem(index, key) {

return

{this.state.accounts[index].name}
;

}

render() {

return (

Accounts

itemRenderer={::this.renderItem}

length={this.state.accounts.length}

type='uniform'

/>

);

}

}

Props

axis (defaults to y)

The axis that this list scrolls on.

initialIndex

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值