JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="main-menu">
    <li><a href="">Link1</a>
        <ul class="sub-menu">
            <li><a href="">Ukryty link1</a></li>
        </ul>
    </li>
     <li><a href="">Link3</a>
        <ul class="sub-menu">
            <li><a href="">Ukryty link2</a></li>
            <li><a href="">Ukryty link3</a></li> 
        </ul>
    </li>     
</ul>

CSS

ul.sub-menu{
    display:none;
}

JavaScript

$(document).ready(function(){
    $(".main-menu > li").hover(function(){
        $(this).children("ul").show();
    },function(){
        $(this).children("ul").hide(); 
    });
});