react open file browser on click a div : <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>
