Javascript 我需要将菜单项从href更改为更具响应性的内容

您好，我需要将菜单项从href更改为更具响应性的内容。因为现在当我悬停一个菜单项时，我只能在按下文本时选择它，但当我按下一些空白时，它就消失了，什么也不做

<div className="border-bottom border-primary">
                <div className="container NavBarOnTop">
                    <nav className="navbar navbar-light bg-white">
                        <Link className="navbar-brand" to="/stickerList">
                            <img src={Logo} width="112" height="20" alt=""/>
                        </Link>
                        <h5 className="Menu_text">Monitoring Dashboard</h5>
                        <div className="dropleft">
                            <a className="offset-5" href="#" id="imageDropdown" data-toggle="dropdown">
                                <img src={Menu_icon} width="20" height="20" alt=""/>
                            </a>
                            <ul className="dropdown-menu" role="menu" aria-labelledby="imageDropdown">
                                <Dropdown.Item><Link to="/">Home</Link></Dropdown.Item>
                                <Dropdown.Item><Link to="/domains">Maintaining List</Link></Dropdown.Item>
                                <Dropdown.Item><Link to="/users">User Maintaining List</Link></Dropdown.Item>
                                <Dropdown.Item><Link to="/login">Login</Link></Dropdown.Item>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>

监控仪表板

家
维护列表
用户维护列表
登录

使用class=“btn”并使用class，而不是className@Grumpy它看起来像react，所以是的，需要使用

className

。关于问题类

btn

可以是一个解决方案，前提是该类给出的其他样式可以。如果没有，可以提供自定义样式<代码>显示：块和<代码>高度：100%应该有效谢谢您的帮助！