实现一个点击按钮变色的简单需求(react + mobx)
render() {
return (
<div className="begin">
<h3>请选择本局配置</h3>
<div className="options-box">
{
this.store.config.map((val, index) => {
return (
<span onClick={this.select.bind(this, index)} key={index}>
<i style={{backgroundColor: val.select ? '#365dea' : '#FFF'}}></i>
{val.title}</span>
)
})
}
</div>
</div>
);
}
select是一个action
@action select = (index) => {
this.config[index].select = !this.config[index].select
console.log(this.config[index].select);
}
点击按钮发现this.config[index].select是变化的,但是按钮颜色没变,求大神告知怎么解决?
达令说
相关分类