0

我想通过下拉更新列表,但我不太明白这种方法是如何工作的。

我该如何实施?

<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>
4

0 回答 0