페이지 이동 Route

React-Router-dom 설치

npm install react-router-dom@버전

 

import

 

 

 

  const navigate = useNavigate(); // useNavigate 함수 가져오기

  // 버튼 클릭 시 페이지 이동 처리
  const handleButtonClick = () => {
  navigate('/sample-page/boardwrite'); // '/sample-page/boardwrite' 경로로 페이지 이동
  };

  const handleWatchClick = (c_id) => {
    navigate(`/sample-page/boardwatch/${c_id}`);
  };

 

해당 항목에 넣어주면 된다.

onClick={() => handleWatchClick(item.c_id)}