DEV Community

inno
inno

Posted on

virtual-scroll-list

virtual-scroll-list

实例功能

  • 虚拟化列表的Hook,可以解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题

  • 滚动加载数据

    使用

  • url
    请求数据的URL

  • itemSize
    item的高度

  • itemRender
    渲染列表项

  • loadingItem
    数据加载时的状态

  • onDataUpdate
    当list中的数据更新时执行,这个函数的形参是当前list已经加载到的数据

  • defaultQuery

    默认的查询参数 没有设置时默认{page: 1,pageSize: 10}

  • silent
    false:显示errorMessage true:不显示

  • dataFilter
    对List中的数据进行过滤操作
    -event$
    通过const { event$, actions } = VirtualScrollList.useVirtualListEvent()获取把event$传给VirtualScrollList,组件会订阅actions中的操作你可以通过action中的方法进行查询、加载、重置操作

  • autoHeight
    设置VirtualScrollList的高度,没有给值时会获取VirtualScrollList所在container的高度

  • emptyElement
    VirtualScrollList没有数据时展示

  • queryFormatOptions
    AxiosRequestConfig

Top comments (0)