如何避免React组件中的DOM依赖？

Question

我有一个像组件一样的下拉列表。点击下拉列表后，它会打开。当用户单击文档上的任何其他位置时，下拉菜单将关闭。我的组件有两个DOM依赖项：

a）它使用document.addEventListener来挂钩点击事件。

b）在onClick处理程序中，它将event.target与其自己的DOM节点进行比较，如下所示：

const me = ReactDOM.findDOMNode(this);
const isMyChild = $(event.target).parents().filter((i, el) => el === me).length === 1;

if( isMyChild ) {
  //don't close
  return;
} else {
  close();
}

我该怎么做？＃34; React方式＆＃34;为了删除（或最小化）对DOM的依赖？