如何在没有href干预的情况下使用Bootstrap处理React下拉列表

如何解决如何在没有href干预的情况下使用Bootstrap处理React下拉列表

我正在尝试在React上创建一个超链接内的下拉列表，但是每当我单击时，它会将我重定向到href链接

<li className="dropdown">
    <a className="dropdown-toggle" data-toggle="dropdown" href="#">
        <i className="mdi mdi-account user-account-border"></i> 
        <span className="caret"></span>
    </a>
        
    <ul className="dropdown-menu dropdown-user">
        <li><a href="/hesap">Hesap</a></li>
        <li><a href="/hesapduzenle">Hesabı düzenle</a></li>
        <li><a href="/#" onClick={()=>{this.handlelogout()}}>Oturumu Kapat</a></li>
    </ul>
</li>