title: How to find child element in React using onClick event
body: <p>I am triggering Click event as below and I want to access the child element '.details'. Please suggest how to achieve that, I want to apply color to the child node '.details' when clicking parent .movie</p>
  
  <pre><code>return (
    &lt;div className="movie" onClick={e =&gt; this.selectMovie(e)}&gt;
      &lt;div className="floatleft"&gt;
        &lt;img alt={Title} src={Poster} /&gt;
      &lt;/div&gt;
      &lt;div className="floaright"&gt;
        &lt;h3&gt;{Title}&lt;/h3&gt;
        Year : &lt;b&gt;{Year}&lt;/b&gt;
        &lt;br /&gt;
        &lt;br /&gt;
        Director : &lt;b&gt;{Director}&lt;/b&gt;
        &lt;br /&gt;
        Production : &lt;b&gt;{Production}&lt;/b&gt;
        &lt;br /&gt;
        &lt;br /&gt;
        Actor : &lt;b&gt;{Actors}&lt;/b&gt;
        &lt;br /&gt;
        &lt;br /&gt;
        Released : &lt;b&gt;{Released}&lt;/b&gt;
        &lt;br /&gt;
      &lt;/div&gt;
      &lt;div className="details"&gt;
        =============
        {Runtime}
        {imdbRating}
      &lt;/div&gt;
    &lt;/div&gt;
  );
  
  selectMovie = e =&gt; {
    console.log(e);
    //console.log(data)
    //event.currentTarget.find('.details').style.backgroundColor = '#ccc';
  };
  </code></pre>