🌈 style(eslint): 修复eslint的报错❌

src/components/InfiniteScrollPaging/index.tsx

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react'
+import type { ReactNode } from 'react'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import InfiniteScroll from '@/components/infiniteScroll'
 import { dataLoadingStatus, getFilterData } from '@/common/util'
@@ -10,20 +10,22 @@ interface Params {
   fetchData: (data: object) => any
   change?: (data: any) => void
 }
-
-export default (props: Params) => {
+const InfiniteScrollPaging = (props: Params) => {
   const { query = {} } = props
-  useEffect(() => {
-    refreshDataRef.current = refreshData
-    dataRef.current = data
-    getData({ moreStatus: true }, { moreStatus: true })
-  }, [])
-  useEffect(() => {
-    if (!isEmptyObject(query)) {
-      setData({ list: [], total: 0 })
-      getData({ moreStatus: true }, { moreStatus: true })
-    }
-  }, [query])
+  const refreshDataRef = useRef({})
+  // 渲染（数据）
+  const [data, setData] = useState({
+    list: [],
+    total: 0,
+  })
+  // 加载刷新数据
+  const [refreshData, setRefreshData] = useState({
+    refreshStatus: false,
+    moreStatus: false,
+    page: 1,
+    size: 10,
+    loading: false,
+  })
   const getData = async(startStatus, endStatus) => {
     const tRefreshDataRef = refreshDataRef.current as any
     setRefreshData({
@@ -45,7 +47,7 @@ export default (props: Params) => {
           ...endStatus,
           loading: false,
         })
-      }
+      }
       else {
         setData({
           list: result.data.list,
@@ -59,7 +61,7 @@ export default (props: Params) => {
           loading: false,
         })
       }
-    }
+    }
     else {
       alert.none(result.msg)
       setRefreshData({
@@ -70,20 +72,7 @@ export default (props: Params) => {
       })
     }
   }
-  // 加载刷新数据
-  const [refreshData, setRefreshData] = useState({
-    refreshStatus: false,
-    moreStatus: false,
-    page: 1,
-    size: 10,
-    loading: false,
-  })
-  const refreshDataRef = useRef({})
-  // 渲染（数据）
-  const [data, setData] = useState({
-    list: [],
-    total: 0,
-  })
+
   const dataRef = useRef({})
   // 下拉刷新
   const handleRefresh = async() => {
@@ -119,7 +108,17 @@ export default (props: Params) => {
   const statusMore = useMemo(() => {
     return dataLoadingStatus({ list: data.list, total: data.total, status: refreshData.loading })
   }, [refreshData.loading])
-
+  useEffect(() => {
+    refreshDataRef.current = refreshData
+    dataRef.current = data
+    getData({ moreStatus: true }, { moreStatus: true })
+  }, [])
+  useEffect(() => {
+    if (!isEmptyObject(query)) {
+      setData({ list: [], total: 0 })
+      getData({ moreStatus: true }, { moreStatus: true })
+    }
+  }, [query])
   return (
     <InfiniteScroll
       refresherEnabled
@@ -127,9 +126,11 @@ export default (props: Params) => {
       moreStatus={refreshData.moreStatus}
       selfOnRefresherRefresh={handleRefresh}
       selfonScrollToLower={handleMoreLoad}
-      statusMore={statusMore}
+      statusMore={statusMore}
     >
       {props.children}
     </InfiniteScroll>
   )
 }
+
+export default InfiniteScrollPaging