小编Ale*_*ton的帖子

我 \xe2\x80\x99m 是 React 新手，但尝试构建一个响应式网站，其中包含 \xe2\x80\x9cdesktop header\xe2\x80\x9d 和 \xe2\x80\x9cmobile header\xe2\x80\x9d用户单击菜单图标切换并在用户单击关闭图标时关闭。\nI\xe2\x80\x99m 显然做错了，但 can\xe2\x80\x99t 似乎找出问题所在，我相信 NextJS 不知道要打开或关闭什么。

**注意：I\xc2\xb4m 使用 TailwindCSS，这是一个将在索引页上呈现的组件

我的代码看起来像这样（简化，没有所有内容）：

import React, { useState } from 'react'\nimport Image from 'next/Image'\n\nfunction header() {\n\nconst \\[mobile__Header, setMobile__Header\\] = useState(false)\n\nconst showMobile__Header = () =\\> setMobile__Header(!mobile__Header)\n\nreturn (\\<div\\>\n\n        {/* mobile header */}\n    \n        <div className='absolute flex flex-col w-screen h-screen place-content-between bg-white text-black p-5 z-50'>\n    \n            <div className='flex items-center justify-between'>\n    \n                {/* Left Logo */}\n    \n                <div className='cursor-pointer'>\n                    \n                </div>\n    \n                {/* close icon */}\n …