React onClickOutside

clickOutside.js

  componentDidMount() {
    document.body.addEventListener('click', this.handleBodyClick);
  }

  componentWillUnmount() {
    document.body.removeEventListener('click', this.handleBodyClick);
  }

  handleBodyClick(e) {
    const area = this.refs.item.getDOMNode();

    if (!area.contains(e.target)) {
      console.log('body click')
    }
  }
  
  // in the onClick event use e.stopPropagation();