Javascript React导航栏在桌面模式下不工作

您好，开发人员我正在构建一个react导航栏，我构建了移动菜单，我还添加了一些功能，它工作得非常完美，但在桌面模式下，导航栏不显示或不显示，对此有任何修复吗？此外，在媒体查询中，我为手机自定义导航栏，但在桌面导航和链接中不会显示 我是个新手 有什么解决办法吗？谢谢

.header{
宽度：100%；
背景色：#0984e3；
最小高度：70px；
显示器：flex；
对齐项目：居中；
证明内容：周围的空间；
字体系列：“Lato”，无衬线；
弯曲方向：行；
}
.标志{
颜色：白色；
}
.标题导航{
颜色：白色；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：行；
}
李海军{
列表样式类型：无；
填充：0 20px；
颜色：白色；
文字装饰：无；
}
李娜{
颜色：白色；
文字装饰：无；
}
.切换{
显示：无；
}
@介质（最大宽度：600px）{
.标志{
宽度：100%；
显示器：flex；
弯曲方向：行；
证明内容：周围的空间；
对齐项目：居中；
}
.标题{
显示：flex！重要；
弯曲方向：立柱；
}
.切换{
显示器：flex；
}
导航{
伸缩方向：列！重要；
最小高度：300px；
显示：无；
}
李海军{
填充：20px；
}
}

从“React”导入React，{useState}；
从“react router dom”导入{Link}；
导入“/home.css”；
从“反应图标/ai”导入{AiOutlineMenu}
常量Home=（）=>{
const[open，setOpen]=useState（false）；
返回(
标志
setOpen（！open）}/>

家


关于


使用者

)
}
导出默认主页