2017-09-28 7 views
0
私はReduxのを使用して、私のプロジェクトに反応しています

機能しない反応し、私は減速が、その後変更された要素の色が変更されますので、いつでも減速の要素の色を設定します。私は自分の行動と減速機をチェックし、うまく動作します。しかし、レンダリング部分はスタイルを追加しません。私の前提は、自分のスタイルを追加するのに間違いをしていることです。ここに私のコードです:インラインスタイルで

render() { 
    var style = { 
     backgroundColor:this.props.channelTransitionReducer.backColor 
    }; 
    return (
     <div className="col-xs-12 header HeaderDummy" style={style}> 
      <div className="row full-height"> 
      <div className="col-xs-1 adjust-col-1-desktop-left-right-margin"></div> 
      . 
      . 
      . 
    ); 
} 
} 

私はあなたが私の要素HeaderDummyにそれを追加するスタイル変数を使用することを確認します。私のコードで何が間違っていますか?何か案が?

+0

明らかに問題が何であるかを識別するために、あまりにもほとんど情報があります。そして、それがうまくいかないと言うと、DevToolsでは要素にないスタイルを見ることができますか?また、console.logを入れて、this.props.channelTransitionReducer.backColorが正しい値を持ち、未定義でないことを確認しましたか? –

+0

は@AbhishekJainうんのdevのツールで背景色とはスタイルが存在しないが、それは私が何かを明らかに不足していますしない限り、コードは、OKに見える –

+2

にはいthis.props.channelTransitionReducer.backColorは、右の色を持っています。あなたはcodepen(または同様のもの)でそれを再現できますか? –

答えて

1

その後、BackColorプロパティはおそらく定義されていないエラーが存在しない場合...デフォルト値の背景色を設定してみてください|| "青"。新しい色が青の場合はこれです。

関連する問題