反应中的内联样式不起作用

时间:2017-09-28 14:10:29

标签: reactjs react-redux

我正在使用redux并在我的项目中做出反应,我在reducer中设置了一个元素的颜色,所以每当更改reducer时,元素的颜色都会改变。我检查了我的动作和减速器,它工作正常。但渲染部分并不是不添加任何样式。我的假设是我在添加自己的风格时犯了一个错误。这是我的代码:

    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中。我的代码出了什么问题?任何的想法?

1 个答案:

答案 0 :(得分:1)

如果没有错误,则可能没有定义backColor ...尝试设置默认值backColor || &#34;蓝色&#34 ;.如果新颜色为蓝色则为此。