结合TaroUI的Tabs,切换Tab后不渲染第一页的数据 about taro3-virtual-list

[tingyuxuan2302]

<AtTabs current={currentTab} tabList={tabList} onClick={switchTab}> <AtTabsPane current={currentTab} index={0} customStyle={{ backgroundColor: "#F2F2F2" }} > <TaroVirtualList autoScrollTop={false} listType='multi' list={listData[0].list} pageNum={listData[0].pIndex} segmentNum={pageSize} screenNum={1} listId='id' onRender={(cp) => (<Item {...cp} key={cp.id} onShare={() => openShare(cp)} />)} scrollViewProps={{ onScrollToLower: () => onPageScrollToLower(0), lowerThreshold: 50, style: { height: '100vh', marginBottom: '30px', marginTop: '82rpx' }, }} /> </AtTabsPane> <AtTabsPane current={currentTab} index={1}> <TaroVirtualList autoScrollTop={false} listType='multi' list={listData[1].list} pageNum={listData[1].pIndex} segmentNum={pageSize} screenNum={1} listId='id' onRender={(cp) => (<Item {...cp} key={cp.id} onShare={() => openShare(cp)} />)} scrollViewProps={{ onScrollToLower: () => onPageScrollToLower(1), lowerThreshold: 50, style: { height: '100vh', marginBottom: '30px', marginTop: '82rpx' }, }} /> </AtTabsPane> </AtTabs>

结合TaroUI的Tabs组件，当在第二个Tab内滑到第2页，切换到第一个Tab，再切换回第二个Tab，此时不渲染第1页的数据，只有占位

你的listId不要一样啊，文档里写的很清楚了