无法在ReactJS中关闭汉堡包菜单

import React, { useState } from 'react';

function App() {
  const [isMenuOpen, setMenuOpen] = useState(false);

  // 其他组件代码...

  return (
    <div>
      {/* 菜单按钮 */}
      <button onClick={() => setMenuOpen(!isMenuOpen)}>菜单</button>

      {/* 菜单内容 */}
      {isMenuOpen && (
        <div>
          {/* 菜单项 */}
          <ul>
            <li>菜单项1</li>
            <li>菜单项2</li>
            <li>菜单项3</li>
          </ul>
        </div>
      )}

      {/* 其他组件代码... */}
    </div>
  );
}

export default App;