JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
        <li>
            maincat1
            <ul>
                <li>
                    subcat1.1
                    <ul>
                        <li>
                            subcat1.1.1
                        </li>
                        <li>
                            subcat1.1.2
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>
            maincat2
            <ul>
                <li>
                    subcat2.1
                </li>
                <li>
                    subcat2.2
                </li>
                <li>
                    subcat2.3
                     <ul>
                        <li>
                            subcat2.3.1
                        </li>
                        <li>
                            subcat2.3.2
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>

CSS

li > ul {
  display:none;
} 

li:hover > ul {
  display:block;
}