title: Get color of target html element in React
body: <p>Trying to get the color of an html element using react, to pass to to my redux action/reducer. </p>
  
  <p><strong>JSX</strong></p>
  
  <pre><code>&lt;div&gt;
     &lt;button styleName="css_toggle" id ="css" onClick {this.handleClick}&gt;CSS&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Event Handler</strong></p>
  
  <pre><code>handleClick(e){
    const{dispatch} = this.props;
    console.log(`e.target: ${e.target.style}`);
    dispatch(CurrView(e.target.id, e.target.style.background));
  }
  </code></pre>
  
  <p>Console/redux console returns empty values for all styles.</p>
  
  <p>I am using react-css-modules/css-modules, and that is the only anomaly I can think of. </p>
  
  <p>Any ideas are more than welcome, thank you. </p>
  
  <p>Edit: I have created a branch specifically for this stackoverflow question: <a href="https://github.com/CharlieGreenman/pixelLight/tree/stackoverflow-37583025" rel="nofollow">https://github.com/CharlieGreenman/pixelLight/tree/stackoverflow-37583025</a></p>
  
  <p>Note: The data flow of this app, is that there is a single static value, which populates the rest of the app which is dynamic. In response, to suggestion(s), after much thought, I have decided this is the proper way to architect the app. </p>