fix: --

后台管理/src/pages/A1Order/index.tsx

@@ -13,7 +13,7 @@ import {
   A1_APIgetList,
   A1_APIlistExport,
 } from "@/store/action/A1Order";
-import { RootState } from "@/store";
+import { AppDispatch, RootState } from "@/store";
 import { A1TableType } from "@/types";
 import { MessageFu } from "@/utils/message";
 import ExportJsonExcel from "js-export-excel";
@@ -32,7 +32,7 @@ const select = [
 ];
 
 function A1Order() {
-  const dispatch = useDispatch();
+  const dispatch = useDispatch<AppDispatch>();
 
   const [fromData, setFromData] = useState({
     startTime: "",

后台管理/src/pages/A2Gallery/A2Edit/index.tsx

@@ -15,7 +15,7 @@ import {
 } from "@/store/action/A2Gallery";
 import { A2TableType } from "@/types";
 import { useDispatch, useSelector } from "react-redux";
-import { RootState } from "@/store";
+import { AppDispatch, RootState } from "@/store";
 import { Button, Form, FormInstance, Input, Popconfirm, Table } from "antd";
 import TextArea from "antd/es/input/TextArea";
 import ImageLazy from "@/components/ImageLazy";
@@ -30,7 +30,7 @@ type Props = {
 };
 
 function A2Edit({ editInfo, editFu, closeFu }: Props) {
-  const dispatch = useDispatch();
+  const dispatch = useDispatch<AppDispatch>();
 
   // 下面表格数据
   const inTableInfo = useSelector(

后台管理/src/pages/A2Gallery/index.tsx

@@ -8,12 +8,12 @@ import React, {
 import styles from "./index.module.scss";
 import { Button, Input, Table } from "antd";
 import { useDispatch, useSelector } from "react-redux";
-import store, { RootState } from "@/store";
+import store, { AppDispatch, RootState } from "@/store";
 import { A2_APIgetList } from "@/store/action/A2Gallery";
 import { A2TableType } from "@/types";
 import A2Edit from "./A2Edit";
 function A2Gallery() {
-  const dispatch = useDispatch();
+  const dispatch = useDispatch<AppDispatch>();
 
   const [fromData, setFromData] = useState({
     pageNum: 1,

后台管理/src/pages/A2ZSort/index.tsx

@@ -12,7 +12,7 @@ import {
   A2_APIgetListSortAll,
   A2_APIsort,
 } from "@/store/action/A2Gallery";
-import { RootState } from "@/store";
+import { AppDispatch, RootState } from "@/store";
 import { Input, Table, Tooltip } from "antd";
 import { A2TableType } from "@/types";
 import ImageLazy from "@/components/ImageLazy";
@@ -24,7 +24,7 @@ import {
 import { MessageFu } from "@/utils/message";
 
 function A2ZSort() {
-  const dispatch = useDispatch();
+  const dispatch = useDispatch<AppDispatch>();
 
   const [fromData, setFromData] = useState({
     pageNum: 1,

后台管理/src/pages/A3Fliqlo/index.tsx

@@ -11,14 +11,14 @@ import {
   A3_APIupdateConfig,
 } from "@/store/action/A3Fliqlo";
 
-import { RootState } from "@/store";
+import { AppDispatch, RootState } from "@/store";
 import A3Modal from "./A3Modal";
 import { useDispatch, useSelector } from "react-redux";
 import { A3TableType } from "@/types";
 import ImageLazy from "@/components/ImageLazy";
 
 function A3Fliqlo() {
-  const dispatch = useDispatch();
+  const dispatch = useDispatch<AppDispatch>();
 
   const [edit, setEdit] = useState(false);
 

后台管理/src/pages/A4User/index.tsx

@@ -1,4 +1,4 @@
-import { RootState } from "@/store";
+import { AppDispatch, RootState } from "@/store";
 import {
   getUserListAPI,
   userDisplayAPI,
@@ -21,7 +21,7 @@ import UserAdd from "./UserAdd";
 const { RangePicker } = DatePicker;
 
 function A4User() {
-  const dispatch = useDispatch();
+  const dispatch = useDispatch<AppDispatch>();
 
   const pageNumRef = useRef(1);
   const pagePageRef = useRef(10);

后台管理/src/pages/A5Log/index.tsx

@@ -1,4 +1,4 @@
-import { RootState } from "@/store";
+import { AppDispatch, RootState } from "@/store";
 import { getLogListAPI } from "@/store/action//A5Log";
 import { Input, DatePicker, Table } from "antd";
 import React, { useEffect, useMemo, useRef, useState } from "react";
@@ -9,7 +9,7 @@ import styles from "./index.module.scss";
 const { RangePicker } = DatePicker;
 
 function A5Log() {
-  const dispatch = useDispatch();
+  const dispatch = useDispatch<AppDispatch>();
 
   const pageNumRef = useRef(1);
   const pagePageRef = useRef(10);

后台管理/src/store/index.ts

@@ -1,11 +1,11 @@
 // 导入 redux
-import { applyMiddleware, legacy_createStore as createStore } from 'redux'
+import { AnyAction, applyMiddleware, legacy_createStore as createStore } from 'redux'
 // 导入自己封装的  rootReducer 
 import rootReducer from './reducer'
 // 导入调试工具和 异步的 redux（用来发送异步请求）
 // 调试工具需要下载谷歌 扩展程序 我用的是 Redux DevTools 3.0.17
 import { composeWithDevTools } from 'redux-devtools-extension'
-import thunk from 'redux-thunk'
+import thunk, { ThunkDispatch } from 'redux-thunk'
 
 // 创建仓库实例
 const store = createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk)))
@@ -13,8 +13,8 @@ const store = createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk
 // 声明 RootState，在使用仓库的时候用来使用
 export type RootState = ReturnType<typeof store.getState>
 
-// 声明 AppDispatch，在异步请求的时候来使用
-export type AppDispatch = typeof store.dispatch
+// composeWithDevTools 会丢掉 thunk 类型，需显式声明
+export type AppDispatch = ThunkDispatch<RootState, unknown, AnyAction>
 
 // 导出仓库实例
 export default store