基于浏览器的React无限滚动插件
安装
react-infinite-loading要求React15或更高版本
install --save-dev react-infinite-loading使用
import Infinite from 'react-infinite-loading';<Infinite handleLoading={this.handleLoading} loading={this.state.loading}> {/* scrolled element */}</Infinite>参数
一些控制参数，用在组件的属性中
Infinite.propTypes = { // control the current status. loading = true the animation is displayed and no longer triggers handleLoading event loading: PropTypes.bool, // whether to display the loading animation isLoading: PropTypes.bool, // load animation components asLoading: PropTypes.node, // if true, scroll range as a current component on the contrary scroll range as a window elementScroll: PropTypes.bool, // set the height of the scroll container, scrollHeight={300} or scrollHeight="calc(100% - 100px)" scrollHeight: PropTypes.any.isRequired, // trigger handleLoading event threshold scrollThreshold: PropTypes.num, // scroll to the bottom event handleLoading: PropTypes.func, // sisplayed content children: PropTypes.node}
评论