导航条选中修正

components/NavHeader/index.tsx

-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { Avatar, Button, Space, Tabs } from "antd";
 import type { TabsProps } from "antd";
 import styles from "./index.module.scss";
@@ -40,10 +40,15 @@ const items: TabsProps["items"] = [
 
 export default function NavHeader() {
   const router = useRouter();
-  const currentPath = router.asPath;
+  const [currentPath, setCurrentPath] = useState('');
   const user = useUser();
 
-  console.log("currentHash", currentPath);
+  useEffect(() => {
+    setCurrentPath(router.route);
+    console.log("currentHash", currentPath);
+  }, [router.asPath])
+
+  
   const onChange = (key: string) => {
     router.push(key);
   };
@@ -65,7 +70,7 @@ export default function NavHeader() {
         <div className={styles.logo}></div>
         <Tabs
           className={styles.tabs}
-          defaultActiveKey={currentPath}
+          activeKey={currentPath}
           items={items}
           onChange={onChange}
         />