How I can use refs to change styling class in ReactJS? : <p>I'm trying to change background of a <code>div</code> when color value changes. Here is my function which receives color value:</p>

<pre><code>ChangeColor(oColor) {
    this.props.ChangeColor(oColor);
    console.log("Refs: ", this.refs.colorPicker.className);
  },
</code></pre>

<p>Here is css class</p>

<pre><code>.colorPicker {
    padding-right: 25px;
    background: #000;
    display: inline;
    margin-right: 5px;
  }
</code></pre>

<p>and here is my div element whose background needs to update on run-time.</p>

<pre><code>&lt;div ref='colorPicker' className={this.GetClass("colorPicker")}  /&gt;
</code></pre>

<p>I'm not sure about refs synatx so please help to fix this issue. Thanks.</p>
