Link 적용하기

상품 아이템을 클릭했을 때 해당 페이지로 이동을 구현해보자

1. Link 컴포넌트 불러오기

상품 정보가 출력되는 index.js파일에 Link 컴포넌트 불러오기
import {Link} from 'react-router-dom'

Link 태그 안에 콘텐츠가 들어가면 그 콘텐츠에 링크가 생성되는겨

2. a태그 제거하기

link 컴포넌트를 사용하면 브라우저에서 변환될 때 a태그로 변환되어서 a태그의 기본 속성중 하나인 밑줄, 색상이 적용된다. 이거 제거해주기

3. 상품 클릭 시 각각 다른 상품 페이지로 이동하기

1) index를 link에 붙여서 구분하기

2) 뒤에 붙은 index를 :id로 설정하면 useParams로 이 아이디를 받아올 수 있다.