如何在react中单击菜单项后关闭我的菜单？

import React, { useState } from 'react';

const Menu = () => {
  const [isOpen, setIsOpen] = useState(false);

  // 其他菜单相关代码...

  return (
    <div>
      <button onClick={() => setIsOpen(!isOpen)}>打开菜单</button>
      {isOpen && (
        <ul>
          <li onClick={() => setIsOpen(false)}>菜单项1</li>
          <li onClick={() => setIsOpen(false)}>菜单项2</li>
          <li onClick={() => setIsOpen(false)}>菜单项3</li>
        </ul>
      )}
    </div>
  );
};

export default Menu;