导航功能

src/context/Context.tsx

@@ -1,11 +1,15 @@
-import {Context, createContext} from "react";
+import {createContext} from "react";
 import axios from 'axios';
-import {BreadcrumbItemType, BreadcrumbSeparatorType} from "antd/es/breadcrumb/Breadcrumb";
+import {ItemType} from "antd/es/breadcrumb/Breadcrumb";
 
 axios.defaults.baseURL = 'https://localhost:8080';
 
 export const Axios = createContext(axios)
 
-export const Navs:Context<BreadcrumbItemType[]> = createContext([{
+const nav: ItemType = {
     title: <a href={'/'}>首页</a>
+}
+
+export const Navs = createContext([nav, {
+    title: <a href={'/a'}>首页</a>
 }])

src/layout/nav/Nav.tsx

@@ -5,9 +5,7 @@ import {Navs} from '../../context/Context.tsx';
 
 export default function Nav() {
 
-    const [navs, _setNavs] = useContext(Navs)
-    console.log(navs)
-
+    const navs = useContext(Navs)
     return (
         <div className="nav">
             <Breadcrumb items={navs}/>