問題當我單擊鏈接時，全屏菜單不想關閉。如果我使用 html 標簽 a 并且一切正常，則 NavLink 元素會出現此問題。這里我有一個功能，可以讓我在按下其中一個鏈接時關閉。我之前提到過它僅適用于 href 標簽。import { useEffect } from "react";export const useOnClickOutside = (ref, handler) => {  useEffect(() => {    const listener = (event) => {      if (!ref.current || ref.current.contains(event.target)) {        return;      }      handler(event);    };    document.addEventListener("mousedown", listener);    return () => {      document.removeEventListener("mousedown", listener);    };  }, [ref, handler]);};這是主菜單組件const MobileMenu = () => {  const [open, setOpen] = useState(false);  const ref = useRef();  useOnClickOutside(ref, () => setOpen(false));  return (    <MobileMenuWrapper ref={ref}>      <BurgerIcon open={open} setOpen={setOpen} />      <MobileMenuList open={open} setOpen={setOpen}>        <MenuLinks />      </MobileMenuList>    </MobileMenuWrapper>  );};和鏈接組件const MenuLinks = () => {  return (    <>      <ul>        <li>          <NavLink to="/"> Home</NavLink>        </li>        <li>          <NavLink to="/albums">Albums</NavLink>        </li>        <li>          <NavLink to="/addAlbum">Add Album</NavLink>        </li>        <li>          <NavLink to="/about">About</NavLink>        </li>        <li>          <NavLink to="/contact">Contact</NavLink>        </li>      </ul>    </>  );};