订单售后

src/pages/index/index.tsx

@@ -7,7 +7,7 @@ import MoveBtn from '@/components/moveBtn'
 import ShopCart from '@/components/shopCart'
 import { goLink } from '@/common/common'
 import styles  from './index.module.scss'
-import React, { useEffect, useMemo, useRef, useState } from 'react'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import Taro, { Events, useDidShow, usePullDownRefresh} from '@tarojs/taro'
 import {GetProductKindListApi, GetProductListApi} from '@/api/material'
 import useLogin from '@/use/useLogin'
@@ -56,22 +56,23 @@ export default () => {
 
 
   //点击面料类型
-  const getProductKindId = async (e) => {
+  const getProductKindId = useCallback((e) => {
     pageNum.current.page = 1
-    setFiltrate({...filtrate, size:5, product_kind_id:e.id})
-    setHasMore(true)
-  }
+    setProductData({list:[], total:0})
+    setFiltrate((list) => ({...list, size:5, product_kind_id:e.id}))
+    // setHasMore(true)
+  }, [])
 
   //上拉加载数据
-  const getScrolltolower = () => {
+  const getScrolltolower = useCallback(() => {
     if(productData.list.length >= productData.total) {
       setHasMore(false)
     } else {
       pageNum.current.page++
       const newSize = pageNum.current.size * pageNum.current.page
-      setFiltrate({...filtrate, size:newSize})
+      setFiltrate((e) => ({...e, size:newSize}))
     }
-  }
+  }, [productData])
 
 
   const [showShopCart, setShowShopCart] = useState(false)
@@ -79,7 +80,7 @@ export default () => {
   //列表下拉刷新
   const [refresherTriggeredStatus, setRefresherTriggeredStatus] = useState(false)
   const getRefresherRefresh = async () => {
-    pageNum.current.size = 1
+    pageNum.current.page = 1
     setFiltrate({...filtrate, size:5})
     setHasMore(true)
     setRefresherTriggeredStatus(true)
@@ -88,9 +89,9 @@ export default () => {
 
   //页面下拉刷新
   // const res = useManualPullDownRefresh()
-  usePullDownRefresh(() => {
-    console.log('123')
-  })
+  // usePullDownRefresh(() => {
+  //   console.log('123')
+  // })
 
   //数据加载状态
   const statusMore = useMemo(() => {
@@ -108,7 +109,7 @@ export default () => {
           </View>
         </View>
         <View className={styles.products}>
-            <SideBar list={kindData.list} height="100%" defaultValue={kindData.defaultId} hasMore={hasMore} statusMore={statusMore} selfOnScrolltolower={() =>  getScrolltolower()} sideBarOnClick={(e) => getProductKindId(e)} heightItem={150} refresherTriggered={refresherTriggeredStatus} selfOnRefresherRefresh={() => getRefresherRefresh()}>
+            <SideBar list={kindData.list} height="100%" defaultValue={kindData.defaultId} hasMore={hasMore} statusMore={statusMore} selfOnScrolltolower={getScrolltolower} sideBarOnClick={getProductKindId} heightItem={150} refresherTriggered={refresherTriggeredStatus} selfOnRefresherRefresh={() => getRefresherRefresh()}>
                 <Product productList={productData.list}/>
             </SideBar>
         </View>