优化客户端请求时候操作的页面不更新

app/routes/documents._index.tsx

@@ -175,6 +175,9 @@ export default function DocumentsIndex() {
   const [filteredDocumentTypeOptions, setFilteredDocumentTypeOptions] = useState(loaderData.documentTypeOptions);
   const dataCache = useRef<typeof loaderData | null>(null);
   
+  // 添加一个状态来跟踪是否执行了删除操作
+  const [isDeleting, setIsDeleting] = useState(false);
+  
   // 从URL获取当前筛选条件
   const search = searchParams.get("search") || "";
   const documentType = searchParams.get("documentType") || "";
@@ -283,14 +286,22 @@ export default function DocumentsIndex() {
 
    // 使用useEffect监听fetcher状态变化并显示Toast
   useEffect(() => {
-    if (fetcher.data && fetcher.state === 'idle') {
+    if (fetcher.data && fetcher.state === 'idle' && isDeleting) {
+      // 重置删除状态
+      setIsDeleting(false);
+      
       if (fetcher.data.result) {
         toastService.success(fetcher.data.message);
+        // 删除成功后重新加载数据
+        if (reviewType) {
+          fetchData(reviewType);
+        }
       } else if (fetcher.data.message) {
         toastService.error(fetcher.data.message);
+        // 删除失败只显示错误信息，不刷新数据
       }
     }
-  }, [fetcher.data, fetcher.state]);
+  }, [fetcher.data, fetcher.state, fetchData, reviewType, isDeleting]);
 
   // 分页处理函数
   const handlePageChange = (page: number) => {
@@ -468,6 +479,9 @@ export default function DocumentsIndex() {
       confirmText: "删除",
       cancelText: "取消",
       onConfirm: () => {
+        // 设置删除状态为true
+        setIsDeleting(true);
+        
         const form = new FormData();
         form.append("_action", "delete");
         form.append("id", id);
@@ -501,6 +515,9 @@ export default function DocumentsIndex() {
       confirmText: "删除",
       cancelText: "取消",
       onConfirm: () => {
+        // 设置删除状态为true
+        setIsDeleting(true);
+        
         // 使用fetcher提交表单
         const formData = new FormData();
         formData.append('_action', 'batchDelete');