如何在React

Question

我在React中有这么一小段代码：

<ul className="nav" id="side-menu">
  <li>
    <a href="#" aria-expanded="false">
      <span className="nav-label">Account</span><span className="fa arrow">&nbsp;</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>

可折叠菜单不起作用。点击什么都不做。我假设是因为React不处理第一级导航<li>上的实际点击，因此不显示第二级导航。这是一个安全的假设吗？

如果是，那该怎么处理呢？

谢谢！

Answer 1

Bootstrap依赖于jQuery，所以没有它，它将无法工作。你可以这样做，但通常认为使用jQuery和React都是不好的做法。

另一个选择是将功能重写到您自己的组件中。我建议的实际上是使用像React Bootstrap这样的包。