React ScrollRefresh is a React component which enables refresh via scoll
npm install react-scrollrefresh --save
| properties | type | description |
|---|---|---|
| height | int/String | 容器高度，需要设置合适的高度，复杂无法出现滚动条 |
| width | int/String | 容器宽度 |
| fetchNextData | function(currentPos, pageNo) | 获得下一页数据，currentPos为当前位置，从0开始；pageNo为当前页码，从1开始 |
| synch | boolean | 是否同步执行数据查询，缺省：false |
| nextData | Array | 异步（synch=false）时，通过nextData通知组件数据更新，这个数据只包含当前页的数据。 |
| loading | React Component | 自定义loading |
| pageLoadFinish | function(pageNo) | 页数据加载完成回调，可以用于加载后nextData清除，如果清空nextData，需要设置为null |
| renderItem | function(item, index) | 自定义Item |
| renderNoData | function | 自定义无数据界面 |
| wrapper | String | 包装组件，缺省'div' |
| wrapperClassName | String | 包装组件ClassName |
<ScrollRefresh height={150} width={300}
fetchNextData={this.fetchNextData.bind(this)}
nextData={this.state.nextData}/>
<ScrollRefresh height={150} width={300}
fetchNextData={this.fetchSynchNextData.bind(this)}
synch/>
MIT