JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
   <li><a href="#">номер 1</a></li>
   <li><a href="#">номер 2</a>
   <ul>
   <li><a href="#">номер 3</a></li>
   </ul></li>
   <li><a href="#">номер 1</a></li>
</ul>

CSS

ul {
    width: 100px;
    background: #ccc;
    }
li ul {
    display: none;
}
li:hover ul { 
    display: block; 
    background: #fff;
}