Javascript 反应按钮下拉菜单

在我的react应用程序中，一个组件正在创建一个按钮下拉菜单，如下所示

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a onClick=doSomething href="#">HTML</a></li>
      <li><a onClick=doSomething href="#">CSS</a></li>
      <li><a onClick=doSomething href="#">JavaScript</a></li>
    </ul>   
</div>

下拉示例

问题:

将href设为锚定标记上的#，通过附加#更改url。若并没有给出href，那个么当鼠标悬停在菜单上时，在菜单上看不到手动点击图标。我不想改变网址，同时我希望手图标出现在下拉菜单上

我可以通过preventDefault或类似的方法防止默认href行为吗

我应该使用react bootstrap中的按钮还是本机html按钮

---

只需为

标记添加样式，并删除

href

属性

a {
    cursor: pointer;
}

---

您可以使用CSS

光标：指针


li{
光标：指针；
}

HTML
CSS
JavaScript
尝试将此CSS规则应用于锚定标记：游标：指针；li上有onclick回调吗？目前没有，只是一个CSS规则。您可以像任何DOM元素一样添加
onClick
处理程序。