title: react open file browser on click a div
body: <p>My react component:</p>
  
  <pre><code>import React, { PropTypes, Component } from 'react'
  
  
  class Content extends Component {
      handleClick(e) {
          console.log("Hellooww world")
      }
      render() {
          return (
              &lt;div className="body-content"&gt;
                  &lt;div className="add-media" onClick={this.handleClick.bind(this)}&gt;
                      &lt;i className="plus icon"&gt;&lt;/i&gt;
                      &lt;input type="file" id="file" style={{display: "none"}}/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          )
      }
  }
  
  export default Content
  </code></pre>
  
  <p>Here when I click a div with icon I want to open a <code>&lt;input&gt;</code> file which shows me option to select photos. After selecting the photos I want to get the value which photo is selected. How can I do this in react ??</p>