我想通过下拉更新列表,但我不太明白这种方法是如何工作的。
我该如何实施?
<InfiniteScroll
style={{ padding: '0 1rem 5rem 0rem', display: 'flex', flexDirection: 'column', gap: '1rem', userSelect: 'none' }}
height='85vh'
next={fetchData}
dataLength={dataLength}
hasMore={isPaginationEnd}
refreshFunction={fetchData}
pullDownToRefresh={true}
pullDownToRefreshThreshold={50}
pullDownToRefreshContent={<MessageComponent text='Puxe para baixo p/ atualizar' />}
releaseToRefreshContent={<LoadingComponent />}
loader={<LoadingComponent />}
>
{!hasData ? (
<MessageContainer text='Você não possui nenhuma cotação solicitada, vamos criar uma nova?... ;)' />
) : (
data.map(({ informations, parameters }) => (
<QuotationAccordion key={informations.rfqId} informations={informations} parameters={parameters} />
))
)}
</InfiniteScroll>