Как обработать клик вне react компонента?

Question

[Par Mactep]

Первое что приходит в голову, как вариант решения

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

и соответственно

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

Но почему-то кажется что это адский костыль. Возможно есть какое-то более красивое решение?

Answer 1

[Никита Гущин]

Так примерно и делают.
https://www.npmjs.com/package/react-click-outside