forceSignIn.js

class ForceSignIn extends React.Component {
  handleClick = e => {
    this.forceSignIn()
  }

  render() {
    return (
      <div onClick={this.handleClick}>
        {this.props.children}
      </div>
    )
  }
}


<ForceSignIn>
  // I want to be able to stop this click from happening in this components
  // and only allow parent component to fire when clicking inside of forceSignIn
  <ListItem onClick={this.handeClick} />
</ForceSignIn>