useLocation과 query-string 라이브러리 사용 하여 url 조회하기

혜진 조·2022년 5월 31일
0

리액트

목록 보기
7/31
post-custom-banner
<Link to="/products/order?type=exchange">
   교환페이지
</Link>

현재 페이지 : localhost:3000/products/order?type=exchange

import {useLocation} from "react-router-dom"
import queryString from "query-string"

const { search } = useLocation(); 
const { type } = queryString.parse(search);

console.log(search);   //ex) ?type=exchange
console.log(type);    //ex)exchange
profile
나를 믿고 한 걸음 한 걸음 내딛기! 🍏

0개의 댓글