我正在使用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中。我的代码出了什么问题?任何的想法?
答案 0 :(得分:1)
如果没有错误,则可能没有定义backColor ...尝试设置默认值backColor || &#34;蓝色&#34 ;.如果新颜色为蓝色则为此。