Reactjs 选择项目时如何关闭下拉菜单？

在此dwopdown菜单中：

<div className="dropdown-content" onClick={this.handleDropClick}>
 <NavLink to="/Favorite" className="admin-item">Favorates</NavLink>
 <NavLink to="/AccountApproval" className="admin-item">Account Approval</NavLink>
 <NavLink to="/AddPlace" className="admin-item">Add fixed places</NavLink>
 <NavLink to="/AddNewAdmin" className="admin-item">Add new admin</NavLink>
 <NavLink to="/Favorite" className="admin-item">Favorates</NavLink>
 <NavLink onClick={this.logout} exact to="/" className="admin-item" >Log Out</NavLink>
</div>

偏爱
帐户批准
添加固定位置
添加新管理员
偏爱
注销

---

当导航链接中的一个已经被选中时，我正试图使其自动关闭

检查下面的代码以了解我所做的更改

基本上，我添加了一个侦听器，它可以检测路由的变化，并取消选中负责显示/隐藏下拉列表的输入复选框。因为导航不是路由组件，所以我使用react router dom包中的withRoute组件制作了导航

---

但与您的问题无关，您的地图显示在导航下拉列表上，因此您应该解决这个问题

下拉列表内容类首先是如何显示的？是通过悬停吗？把手里面是什么function@UdenduAbasili下面是完整的代码：太棒了！非常感谢。你知道如何解决地图问题吗？增加下拉列表的z索引。我不知道贴图是如何渲染的，但请将下拉列表的z索引设置为100