JSFiddle - React, Tailwind, and code Playground

HTML

<ul class='menu'>
    <li>Меню1
        <ul>
            <li>Подменю1</li>
            <li>Подменю2</li>
        </ul>
    </li>
    <li>Меню2
        <ul>
            <li>Подменю3</li>
            <li>Подменю4</li>
        </ul>
    </li>
</ul>

CSS

.menu{
    float:right;
}
.menu ul{
    position:absolute;
    top:0;
    left:-150px;
    display:none;
}

.menu li{
    position:relative;
}

.menu li:hover ul{
    display:block;
}