JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
    <li><a href="#">Inicio</a></li>
    <li>
        <a href="#">Opcion 1</a>
        
        <ul>
            <li>Contenido 1.1</li>
            <li>Contenido 1.2</li>
        </ul>
    </li>
    <li>
        <a href="#">Opcion 2</a>
        
        <ul>
            <li>Contenido 2.1</li>
            <li>Contenido 2.2</li>
        </ul>
    </li>
</ul>

CSS

ul.menu li ul {
    display:none;
}

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