Переключение между 2 различными меню (Reactjs + UI материалов)

Question

Я создал мегаменю и добавил Switcher, идея проста, если переключатель выключен, показывать первое меню, если переключатель включен, показывать второе меню.

В настоящее время при включении отображается второе меню, но когда оно выключено, ничего не отображается, только фон, может ли кто-нибудь помочь мне с этим, возможно, кто-то уже сталкивался с проблемой.

Answer 1

Просто добавьте условное

Пример:

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

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