How to handle click outside react component?

Question

React

The first thing that comes to mind is a solution

document.addEventListener('click', this.handleOuterClick);

and correspondingly

handleOuterClick: function(e) {
    let $node = $(ReactDOM.findDOMNode(this);
    if ($node.has(e.target).length === 0) {
      /*
      * some actions
      * */
    }
  }

But for some reason it seems that this is a hell of a crutch. Perhaps there is some more beautiful solution?

Answer 1

That's pretty much how they do it.
https://www.npmjs.com/package/react-click-outside