fix: infinitescroll组件loadMore执行时机修复

AntmJS · Aug 31, 2023 · 496f527 · 496f527
1 parent 5048fee
commit 496f527
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/vantui/src/infinite-scroll/infinite-scroll.tsx b/packages/vantui/src/infinite-scroll/infinite-scroll.tsx
@@ -45,7 +45,7 @@ function InfiniteScroll_(
   const reset = useCallback((needLoad?: boolean): Promise<null> => {
     return new Promise((resolve) => {
       nextTick(() => {
-        if( needLoad ) setForceKey(Date.now())
+        if (needLoad) setForceKey(Date.now())
         else setForceKey(0)
         setStatus('loading')
         setOnRequest(false)
@@ -59,10 +59,13 @@ function InfiniteScroll_(
       if ((!onRequest && status === 'loading') || immediately) {
         setOnRequest(true)
         const status = await loadMore()
+        // 确保等待渲染任务执行完成
         setTimeout(() => {
-          setStatus(status)
-          setOnRequest(false)
-        })
+          nextTick(() => {
+            setStatus(status)
+            setOnRequest(false)
+          })
+        }, 60)
       }
     },
     [loadMore, onRequest, status],