From 6c98160c68662c0386b85e8662614aa5cdfd08c8 Mon Sep 17 00:00:00 2001
From: chaerin <dbcofls6961@ajou.ac.kr>
Date: Sun, 26 Nov 2023 02:31:38 +0900
Subject: [PATCH] feat: add router
---
src/pages/Header.js | 30 +++++++++++++++++++++++++-----
1 file changed, 25 insertions(+), 5 deletions(-)
diff --git a/src/pages/Header.js b/src/pages/Header.js
index 164a420..034328b 100644
--- a/src/pages/Header.js
+++ b/src/pages/Header.js
@@ -1,6 +1,26 @@
import React from 'react';
import header_styles from './Header.module.css';
+import { useNavigate } from "react-router-dom";
+
const Header=()=>{
+ const navigate = useNavigate();
+
+ const goToHome = () => {
+ navigate("/");
+ }
+
+ const goToSearch = () => {
+ navigate("/search");
+ }
+
+ const goToClientservice = () => {
+ navigate("/clientservice");
+ }
+
+ const goToMypage = () => {
+ navigate("/mypage");
+ }
+
return (
<header>
<div className={header_styles.header_content}>
@@ -8,11 +28,11 @@ const Header=()=>{
<div className={header_styles.header_logo}><a href="/"><img src="/planpuzzle_logo.png"></img></a></div>
<nav className={header_styles.header_nav}>
<ul>
- <li><a href="/">홈</a></li>
- <li><a href="/search">검색</a></li>
- <li><a href="/clientservice">고객지원</a></li>
- <li><a href="/mypage">마이페이지</a></li>
- <li><a href="#logout"><img src="/logout_img.png"></img></a></li>
+ <li onClick={goToHome}><a>홈</a></li>
+ <li onClick={goToSearch}><a>검색</a></li>
+ <li onClick={goToClientservice}><a>고객지원</a></li>
+ <li onClick={goToMypage}><a>마이페이지</a></li>
+ <li><a><img src="/logout_img.png"></img></a></li>
</ul>
</nav>
--
GitLab