Javascript can'；无法使用e.target获取父div类列表

我似乎知道问题是什么，但我不能解决它，所以这是我的代码

<div className="reason" onClick={openTab}>
      <div className="reason-title">
            <div className="icon" >
                 <i className="fa fa-angle-down" aria-hidden="true"></i>
            </div>
            <span>title</span>
      </div>
</div>

所以问题是，每当我单击父div时，只要子div

div

没有占用它就可以了，但例如，当我单击标题时，它会检查该元素的

classList

，而我只想检查父div，在本例中是原因div。

---

我不想使用

jquery

，但我似乎无法用纯

javascript

解决这个问题，您可能需要

事件.currentTarget

或

事件.parentNode

：

e.currentTarget.classList.contains("active")

在React中，最好不要直接修改DOM，应使用React“方式”，如：

---

您可能需要

event.currentTarget

或

event.parentNode

：

e.currentTarget.classList.contains("active")

在React中，最好不要直接修改DOM，应使用React“方式”，如：

---

您可能需要

event.currentTarget

或

event.parentNode

，您使用的是react吗？谢谢，这很有效。是的，我正在使用react，有没有更好的方法来处理react？我已经添加了它作为答案，所以如果你愿意，你可以接受它。你可能需要

event.currentTarget

或

event.parentNode

，你在使用react吗？谢谢，这很有效。是的，我正在使用react，有没有更好的方法来处理react？我已经添加了它作为答案，所以如果你愿意，你可以接受它。

const openTab = (e) => {
  active = active ? false : true
}

className={active ? 'active' : ''}