useHistory / useLotation 는 react에서 화면전환에 사용된다.
const history = useHistory (); //useHistory로 history얻고,
const onSearchSubmit = () => {
const { searchTerm }getValues ();
history.push({
pathname: "/search", //pathname은 이동할곳.
search: `?term=${searchTerm}`, //search는 url에서 Query를 가리킴.
state: { //state는 POST data. 데이터를 url에 보이지 않고 넘김.
searchTerm,
}
});
}
useHistory Hook에서 보낸것을 받는다.
const location = useLocation();
useEffect (() => {
console.log(location);
} , [location];
-> useLocation을 통해 받으면 된다.
{pathname: "/search , search: "?term=ooo, hash: "", key:"dmd10g"}