From d75d3323e175182444117acc3de01e39deffd7e7 Mon Sep 17 00:00:00 2001
From: chenxuan <chenxuanThinkpad@163.com>
Date: Thu, 25 Apr 2024 14:19:42 +0800
Subject: [PATCH] no message

---
 chenxuan1/src/App.js           |  2 +-
 chenxuan1/src/pages/head.jsx   | 46 +++++++++++++++++++++-------------
 chenxuan1/src/router/read.text |  6 +++++
 3 files changed, 35 insertions(+), 19 deletions(-)
 create mode 100644 chenxuan1/src/router/read.text

diff --git a/chenxuan1/src/App.js b/chenxuan1/src/App.js
index fa0453fa0..b14fd164a 100644
--- a/chenxuan1/src/App.js
+++ b/chenxuan1/src/App.js
@@ -6,7 +6,7 @@
  */
 import React,{Component} from 'react'
 import {NavLink,Route,Routes,Navigate,useRoutes} from 'react-router-dom'
-import routes from './router';
+// import routes from './router';
 import Head from "./pages/head"
 import  './pages/style.scss'
 import elementArr from './router/element';
diff --git a/chenxuan1/src/pages/head.jsx b/chenxuan1/src/pages/head.jsx
index 7c98bd4b6..2b518a79b 100644
--- a/chenxuan1/src/pages/head.jsx
+++ b/chenxuan1/src/pages/head.jsx
@@ -1,24 +1,34 @@
+import { func } from "prop-types";
 import React from "react";
+import { useNavigate } from "react-router-dom";
 // import {withRouter} from "react-router-dom";
-class Head extends React.Component{
-    back=()=>{
-        // this.props.history.goBack()
+// function navigate_(){
+//     const navigate=useNavigate()
+//     navigate('/github')
+// }
+export default function Head(){
+    const navigate = useNavigate()
+    const back=()=>{
+
     }
-    forward=()=>{
-        // this.props.history.goForward()
+    const forward=()=>{
+        
     }
-    go=()=>{
-        // this.props.history.go(-2)
+    const go=()=>{
+        
     }
-    render(){
-        return(
-            <div className="head">
-                <h1>this is Hader</h1>
-                <button onClick={this.back}>返回</button>
-                <button onClick={this.forward}>前进</button>
-                <button onClick={this.go}>退后2步</button>
-            </div>
-        )
+    const go1=()=>{
+        console.log("xxx")
+        navigate('/github')
     }
-}
-export default Head
\ No newline at end of file
+   
+    return(
+        <div className="head">
+            <h1>this is Hader</h1>
+            <button onClick={back}>返回</button>
+            <button onClick={forward}>前进</button>
+            <button onClick={go}>退后2步</button>
+            <button onClick={go1}>重定向</button>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/chenxuan1/src/router/read.text b/chenxuan1/src/router/read.text
new file mode 100644
index 000000000..59c34221d
--- /dev/null
+++ b/chenxuan1/src/router/read.text
@@ -0,0 +1,6 @@
+1、NavLink 高亮
+2、useRoutes函数
+3、<Routes/>
+4、重定向
+    <Route path="/" element={<Navigate to="/jsx"/>} /> 
+    useNavigate 函数
\ No newline at end of file