no message

chenxuan1/src/pages/head.jsx

@@ -9,17 +9,30 @@ import { useNavigate } from "react-router-dom";
 export default function Head(){
     const navigate = useNavigate()
     const back=()=>{
-
+        navigate(-1)
     }
     const forward=()=>{
-        
+        navigate(1)
     }
-    const go=()=>{
+    const back2=()=>{
-        
+        navigate(-2)
     }
     const go1=()=>{
-        console.log("xxx")
+        navigate('/antd/state',{
-        navigate('/github')
+            replace:false,
+            state:{
+                id:"007",
+                name:"大侠",
+                age:100,
+                sex:"male"
+            }
+        })
+    }
+    const go2=()=>{
+        navigate('/antd/params/1/chenxuan')
+    }
+    const go3=()=>{
+        navigate('/antd/search?id=111&name=chenxuan&sex=男&age=18')
     }
    
     return(
@@ -27,8 +40,10 @@ export default function Head(){
             <h1>this is Hader</h1>
             <button onClick={back}>返回</button>
             <button onClick={forward}>前进</button>
-            <button onClick={go}>退后2步</button>
+            <button onClick={back2}>退后2步</button>
-            <button onClick={go1}>重定向</button>
+            <button onClick={go1}>编程式路由-state</button>
+            <button onClick={go2}>编程式路由-params</button>
+            <button onClick={go3}>编程式路由-search</button>
         </div>
     )
 }

chenxuan1/src/router/read.text

@@ -10,3 +10,6 @@
 6、路由传参
    params传参   useParams useMatch
    search传参   useSearchParams  useLocation
+   state传参    useLocation
+
+7、编程式路由   useNavigate  <navigate to="" />