JSFiddle - React, Tailwind, and code Playground

by Noir Noir

HTML

<div class="parent">
 <a href="#" class="menu-item">Пункт меню с выпадалкой</a>
 <div class="undermenu">
   <a href="#" class="undermenu-item">Подпункт 1</a>
   <a href="#" class="undermenu-item">Подпункт 2</a>
   <a href="#" class="undermenu-item">Подпункт 3</a>
 </div>
</div>

CSS

.undermenu {
  display: none;
}
.parent:hover .undermenu {
  display: block;
}