如何使用React- hamburger -Menu设置汉堡包菜单？

npm install react-hamburger-menu

import React from 'react';
import HamburgerMenu from 'react-hamburger-menu';

const App = () => {
  const menuOptions = [
    { id: 1, label: 'Home', url: '/' },
    { id: 2, label: 'About', url: '/about' },
    { id: 3, label: 'Contact', url: '/contact' }
  ];

  return (
    <div>
      <HamburgerMenu
        isOpen={false} // 控制菜单是否打开
        menuClicked={() => console.log('Menu clicked')}
        width={180} // 菜单宽度
        height={150} // 菜单高度
        strokeWidth={4} // 汉堡图标线条宽度
        rotate={0} // 汉堡图标旋转角度
        color='white' // 汉堡图标颜色
        borderRadius={0} // 菜单圆角
        animationDuration={0.3} // 动画持续时间
      >
        {menuOptions.map(option => (
          <a key={option.id} href={option.url}>
            {option.label}
          </a>
        ))}
      </HamburgerMenu>
    </div>
  );
};

export default App;