useHistory / useLotation

useHistory / useLotation 는 react에서 화면전환에 사용된다.

1. useHistory hook

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,      
        } 
     });
 }
  

2. useLotation

   useHistory Hook에서 보낸것을 받는다.

const location = useLocation();
useEffect (() => {
     console.log(location);
                } , [location]; 

-> useLocation을 통해 받으면 된다.
{pathname: "/search , search: "?term=ooo, hash: "", key:"dmd10g"}