使用 React/Next.js 构建一个简单的网站项目。使用以下代码在导航组件中工作:
\n。
\n\'use client\';\nimport { useState } from \'react\';\n\n// Imports\nimport { FaBars } from \'react-icons/fa\'\nimport { FaDiscord } from \'react-icons/fa\'\n\n// NavBar Component\nexport function NavBar() {\n\n const [mobileMenuOpen, setMobileMenuOpen] = useState(false)\n\n return (\n\n <nav className="navbar flex flex-row justify-between">\n\n <button\n type="button"\n className="text-lg font-medium text-center p-6 hover:yellow-hover"\n onClick={() => setMobileMenuOpen(true)}\n >\n <FaBars />\n </button>\n \n \n\n <a href="#"\n className="text-lg font-bold text-center p-6 hover:yellow-hover">\n \xe3\x80\x94 sTGS \xe3\x80\x95\n </a>\n \n <a href="#"\n className="text-lg font-medium text-center p-6 hover:yellow-hover">\n <FaDiscord />\n </a>\n\n </nav>\n\n …Run Code Online (Sandbox Code Playgroud)