title: Trigger a click on a different element when clicking an other div
body: <p>Right now I have a div that is basically a giant square and inside the div I have another div that is simply text that says "Upload File" and a hidden input type = file element as well. When the user presses the div I want to trigger the file upload element. The code I have come up with up until now is:</p>
  
  <pre><code>&lt;div id="test" onClick={this._handleClick}&gt;
     &lt;input type="file" name="image1" accept=".jpg,.jpeg,.png" id="img1" /&gt;
     &lt;div id="uploadPhotoButtonText"&gt;
         +Add Photo 1
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So the file input element I set in CSS as <code>display: none</code>. And once they click anywhere in the div id="test" I want to trigger a click into the file upload element. How can I do all this in react?</p>
  
  <p>I'm thinking it would be something like this but I'm not sure about the syntax and how to go about structuring it:</p>
  
  <pre><code>_handleClick: function() {
    //trigger click into img1
  }
  </code></pre>