Javascript 如何防止单击子元素时父div失去焦点

在这样的结构中，我想知道父元素是否失去焦点。我想在父div之外单击时触发该行为。但是，当我单击子元素时，父元素也会失去其焦点。您可以将此结构视为下拉菜单。有没有一种方法可以在无状态react组件内部实现这一点？我不能使用jquery或其他库

也许helpsorreact不支持focusin和focusout事件，这就是问题所在[div没有focus.tags，比如inputdo@WaliWaqar潜水艇在哪？

<parent onBlur={function}>
  <child>
    <child>
    </child>
  </child>
</parent>