Javascript 在两个不同菜单之间切换（Reactjs+；材质UI）

我创建了一个超大菜单，我添加了切换器，这个想法很简单，如果开关关闭，显示第一个菜单，如果开关打开，显示第二个菜单

当前，当切换到“开”时，它会显示第二个菜单，但当它关闭时，它不会显示任何内容，只显示背景，有人能帮我解决这个问题吗，可能有人已经遇到了问题。

只需添加一个条件

例如：

export default function ComponentWithBackgroud(){
 const [toggleOn, setToggleOn] = useState(false);

 return <section class="menuContainer">
    <input type="checkbox" onChange={()=>setToggleOn(!toggleOn)}>
    {toggleOn ? <Firstmenu /> : <SecondMenu />}
</section>
}

导出默认函数组件WithBackground（）{
const[toggleOn，setToggleOn]=useState（false）；
返回
setToggleOn（！toggleOn）}>
{切换？：}
}

这只是基于条件的动态渲染问题。将一些布尔值存储为状态（如果开关处于打开状态，则为true；如果开关处于关闭状态，则为false），然后根据该布尔值状态呈现正确的菜单。如果你想要一个更详细的答案，你应该发布你的代码。谢谢你，非常感谢你的帮助