useHistory / useLotation

김선주·2022년 1월 12일
0

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

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

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

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

profile
김선주입니다.

0개의 댓글