修正NavHeader在刷新后定位

src/components/NavHeader/index.module.scss

@@ -50,7 +50,7 @@
     width: 28px !important;
     height: 6px !important;
     background: #ffffff;
-    border-radius: 8px;
+    border-radius: 2px;
     transform: translateX(30px);
   }
 }

src/components/NavHeader/index.tsx

@@ -2,9 +2,7 @@ import React, { useState } from 'react';
 import { Avatar, Button, Space, Tabs } from 'antd';
 import type { TabsProps } from 'antd';
 import styles from './index.module.scss';
-import { useNavigate } from 'react-router-dom';
-
-console.log('style', styles);
+import { useLocation, useNavigate } from 'react-router-dom';
 
 
 const items: TabsProps['items'] = [
@@ -40,18 +38,24 @@ const items: TabsProps['items'] = [
 
 export default function NavHeader() {
   const navigate = useNavigate();
-  const [key, setKey] = useState('/home');
+  const location = useLocation();
+  const currentPath = location.pathname;
 
+  console.log('currentHash', location);
   const onChange = (key: string) => {
     console.log(key);
     navigate(key)
-    setKey(key);
   };
 
   return (
     <div className={styles.navHeader}>
       <div className={styles.logo}></div>
-      <Tabs className={styles.tabs} defaultActiveKey='/home' items={items} onChange={onChange} />
+      <Tabs
+        className={styles.tabs}
+        defaultActiveKey={currentPath}
+        items={items}
+        onChange={onChange}
+      />
       <Space size={16} className={styles.btns}>
         <Button type='primary' className={styles.btn1}>
           发布信息