title: trigger click on component programmatically
body: <p>I have a div that wrap a component</p>
  
  <pre><code>clickComponentA = () =&gt; {
     //how to trigger a click on ComponentA?
  }
  render(){
     return(&lt;div onClick={this.clickComponentA}&gt;
      &lt;ComponentA /&gt;
      &lt;/div&gt;)
  }
  </code></pre>
  
  <p>And for some reason the ComponentA has height 1px; how can I trigger a click on ComponentA when user click on somewhere else? like click on the div tag?</p>