如何在点击链接时关闭react中的移动菜单？

import React, { useState } from 'react';

function Menu() {
  const [isMenuOpen, setIsMenuOpen] = useState(false);

  return (
    <div>
      <button onClick={() => setIsMenuOpen(!isMenuOpen)}>菜单按钮</button>
      {isMenuOpen && (
        <div className="menu">
          {/* 菜单内容 */}
        </div>
      )}
    </div>
  );
}

export default Menu;

import React, { useState } from 'react';

function Menu() {
  const [isMenuOpen, setIsMenuOpen] = useState(false);

  const closeMenu = () => {
    setIsMenuOpen(false);
  };

  return (
    <div>
      <button onClick={() => setIsMenuOpen(!isMenuOpen)}>菜单按钮</button>
      {isMenuOpen && (
        <div className="menu">
          {/* 菜单内容 */}
          <a href="#" onClick={closeMenu}>链接</a>
        </div>
      )}
    </div>
  );
}

export default Menu;