Fix example switching by delaying URL normalization to prevent interference

- Add timeout to URL normalization logic to prevent it from interfering with example switching
- Ensure state updates complete before URL normalization runs
- Add cleanup function to clear timeout

Author: w12594822

docs/src/pages/example-detail.tsx

@@ -137,18 +137,23 @@ export default function ExampleDetail() {
     // 监听URL变化并规范化URL格式，确保不带尾随斜杠
     useEffect(() => {
         // 检查当前URL是否包含尾随斜杠，并规范化为不带斜杠的格式
-        if (location.pathname.includes('/example-detail/') && location.search.includes('id=')) {
-            // 如果路径是 /example-detail/ 形式（带斜杠），将其规范化为 /example-detail 形式（不带斜杠）
-            const normalizedPath = location.pathname.replace(/\/example-detail\/$/, '/example-detail');
-            if (normalizedPath !== location.pathname) {
-                // URL包含尾随斜杠，需要规范化，但不触发页面重新加载
-                const normalizedUrl = `${normalizedPath}${location.search}`;
-                // 仅在URL实际发生变化时进行替换
-                if (normalizedUrl !== `${location.pathname}${location.search}`) {
-                    window.history.replaceState({}, document.title, normalizedUrl);
+        // 使用setTimeout确保在所有状态更新完成后再执行规范化
+        const timer = setTimeout(() => {
+            if (location.pathname.includes('/example-detail/') && location.search.includes('id=')) {
+                // 如果路径是 /example-detail/ 形式（带斜杠），将其规范化为 /example-detail 形式（不带斜杠）
+                const normalizedPath = location.pathname.replace(/\/example-detail\/$/, '/example-detail');
+                if (normalizedPath !== location.pathname) {
+                    // URL包含尾随斜杠，需要规范化，但不触发页面重新加载
+                    const normalizedUrl = `${normalizedPath}${location.search}`;
+                    // 仅在URL实际发生变化时进行替换
+                    if (normalizedUrl !== `${location.pathname}${location.search}`) {
+                        window.history.replaceState({}, document.title, normalizedUrl);
+                    }
                 }
             }
-        }
+        }, 100); // 延迟执行，确保状态更新完成
+
+        return () => clearTimeout(timer);
     }, [location.pathname, location.search]);
 
     // 监听路由变化，处理语言切换时的URL问题