2016-09-20 3 views
0

色の値が変更されたときにdivの背景を変更しようとしています。Refactを使ってReactJSのスタイリングクラスを変更する方法は?

ChangeColor(oColor) { 
    this.props.ChangeColor(oColor); 
    console.log("Refs: ", this.refs.colorPicker.className); 
    }, 

ここでcssクラス

.colorPicker { 
    padding-right: 25px; 
    background: #000; 
    display: inline; 
    margin-right: 5px; 
    } 

であり、ここでそのバックグラウンド実行時に更新する必要がある私のdiv要素がある:ここでは色の値を受け取り、私の関数です。

<div ref='colorPicker' className={this.GetClass("colorPicker")} /> 

私はこの問題を解決するために助けてください。ありがとう。

答えて

-1

私はそれを見つけました。答えは:

ChangeColor(oColor) { 
    this.props.ChangeColor(oColor); 
    this.refs.colorPicker.style.background = oColor; //this is how background will be updated 

    }, 
関連する問題