如何在反应中隐藏肿块下拉菜单

Question

我如何在布尔玛下拉菜单中的菜单项中使用触发事件进行反应？

由于按钮不是菜单的父级，所以我不知道如何隐藏菜单。

 <div className="dropdown is-active">
   <div className="dropdown-trigger">
     <button className="button" aria-haspopup="true" aria-controls="dropdown-menu">
       <span>Dropdown button</span>
         <span className="icon is-small">
           <i className="fas fa-angle-down" aria-hidden="true"></i>
         </span>
     </button>
   </div>
   <div className="dropdown-menu" id="dropdown-menu" role="menu">
     <div className="dropdown-content">
       <a href="#" class="dropdown-item">
         Dropdown item
       </a>
     </div>
   </div>
 </div>

Answer 1

这是我的答案。

Answer 2

这可以通过根据条件切换类名来完成。这是一个基于您的代码的示例：