react动态改变样式

Question

实现一个点击按钮变色的简单需求(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是变化的，但是按钮颜色没变，求大神告知怎么解决？

Answer 1

你在action输出这个config值变化了，但你的store值有改变么？你在render下输出config看你的值变了没有呢