如何使用react或javascript检查类是否添加到div元素？

如果用户单击列表菜单之外的任何位置，我想关闭列表菜单。这意味着，当单击文档上除列表以外的任何位置时，列表菜单应关闭

为此，我有如下定义的方法（react）

这个很好用。现在，我有一个覆盖有时当这是积极的，列表菜单打开，而且当用户点击任何地方的文件，我不希望列表菜单关闭在这种情况下

从domnode中，我们可以识别这个覆盖，类处于活动状态，如下所示

<div id="overlay_root" class="active>
    //some content
</div>

如何使用react或
javascript

这是一种检查元素是否包含类并将其删除的方法

if ( document.getElementById("overlay_root").classList.contains('active') ){
  document.getElementById("overlay_root").classList.remove('active');
}

假设你有两个班

活动：用于显示列表

及

停用：用于隐藏列表

这是你的名单

<div id="overlay_root" class="active" onClick = {e => yourMethod(e)}>
    //some content
</div>

在这里，您可以看到一个名为listMenuToggle的状态，它可能包含true或false。如果为真，则显示列表，如果为假，则关闭列表。所以你的清单应该是这样的

<div id="overlay_root" class={this.state.listMenuToggle ? 'active' : 'de-active' } onClick = {e => yourMethod(e)}>
    //some content
</div>

yourMethod（e）}>
//一些内容

   yourMethod = (e)=>{
       this.setState(listMenuToggle : !this.state.listMenuToggle )
    }

<div id="overlay_root" class={this.state.listMenuToggle ? 'active' : 'de-active' } onClick = {e => yourMethod(e)}>
    //some content
</div>