react url query split

react url query split

/something/detail?term=123 과 같이
url 쿼리가 포함된 주소에서 query값 가져오기

방법 1. javascript String.split() method 이용

import { useLocation } from 'react-router-dom';
const location = useLocation();
const [_, query] = location.search.split('?term=');

방법 2. query-string 라이브러리 설치

npm i query-string

const queryString = require('query-string');

console.log(location.search);
//=> '?foo=bar'

const parsed = queryString.parse(location.search);
console.log(parsed);
//=> {foo: 'bar'}

참고문헌

• https://www.npmjs.com/package/query-string
• https://react-router.vlpt.us/1/02.html
• 내 깃허브 예전 프로젝트