JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>
     <a href='javascript:void(0)' id='firstLink'> 
         Link 1
         <ul>
            <li>Link2</li>
            <li>Link 3</li>
         </ul>
     </a>
   </li>
</ul

CSS

li a ul{
   display:none;
}
li a{
   display:inline-block;
}
li a:hover ul
{
    display:block;
}