ClickOutside structure

clickoutside.jsx

import React, { Component } from 'react';

class ClickOutside extends Component {
  handleClick = e => {
    console.log('clicking everywhere!');
  };

  componentDidMount() {
    document.addEventListener("click", this.handleClick);
  }

  componentWillUnmount() {
    document.removeEventListener("click", this.handleClick);
  }

  render() {
   return this.props.children
  }
}

export default ClickOutside;