Its for toggling menu while viewing page in smaller screens. I know how its working but i am not much clear with the concept. If someone can enlighten me that would be great.

The code is:

const[toggleMenu, setToggleMenu] =useState(false);

return(
doing sth
{toggleMenu
          ? <RiCloseLine color = "#FF0000" size = {25} onClick = {() => setToggleMenu(false)} />
          : <RiMenu4Line color = "#ffffff" size = {25} onClick = {() => setToggleMenu(true)} />
        }
          {toggleMenu &&(do sth
))