I have this very small piece of code, in React:
<ul className="nav" id="side-menu">
<li>
<a href="#" aria-expanded="false">
<span className="nav-label">Account</span><span className="fa arrow"> </span>
</a>
<ul className="nav nav-second-level collapse" aria-expanded="false">
<li>
<a href="/test">Test</a>
</li>
<li>
<a href="/test">Test</a>
</li>
</ul>
</li>
</ul>
The collapsible menu does not works. The click does nothing. I'm assuming it is because React does not handle the actual click on the first level nav <li>
, and thus the second level nav's are not displayed. Is that a safe assumption?
If it is, then how to handle it?
Thanks!