猿问

react动态改变样式

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


人到中年有点甜
浏览 2114回答 3
3回答

达令说

你在action输出这个config值变化了,但你的store值有改变么?你在render下输出config看你的值变了没有呢
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答