[React] mouse over시 서브 메뉴 나타나게 하기

const Header = () => {
	const [ isHovering, setIsHovering ] = useState(0);
    
    return (
    	<div>
        	<ul className='mainmenu'>
            	<li onMouseOver={ () => setIsHovering(1) }
                	onMouseOut={ () => setIsHovering(0) }
                >
                	<a href="#">메인메뉴1</a>
                    {
                    	isHovering ? (
                        	<ul className='submenu'>
                            	<li><a href="#">서브메뉴1</a></li>
                             	<li><a href="#">서브메뉴2</a></li>
                          	</ul>
                        ) : (
                      		""
                        )
                 	}
               	</li>
         	</ul>
      	</div>
  	)
}