url이 바뀌면 메뉴 버튼 닫기

useLocation과 useEffect로 편하게 해결했다.

import React, { useState, useEffect } from "react";
import { useLocation } from "react-router";
import { Link } from "react-router-dom";

const Header = () => {
    const [menuOn, setMenuOn] = useState(false);
    const { pathname } = useLocation();

    //----pathname이 변화하면 메뉴를 닫을 수 있도록 합니다
    useEffect(() => {
        setMenuOn(false);
    }, [pathname]);
    //----

    return (
    	 <MenuBtn onClick={() => setMenuOn(!menuOn)}>
                    {menuOn ? <ClearIcon /> : <MenuIcon />}
         </MenuBtn>
         <Controls menuOn={menuOn}>
               <Control>
                   <Link to="/">홈</Link>
                   ...
               </Control>
         </<Controls>
    );
};