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看你的值变了没有呢