Taro+react开发(34) tab切换

Posted 小歌谣(公众号同名)

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Taro+react开发(34) tab切换相关的知识,希望对你有一定的参考价值。

   <View className="course">
            {data.map((item, index) => {
              return (
                <View
                  className="courseList"
                  style={{
                    backgroundColor:
                      item.industryCode === codeCompare ? "#fff2e2" : ""
                  }}
                  onClick={() => this.handleSelected(item, index)}
                >
                  <View className="textRideo">{item.industryName}</View>
                </View>
              );
            })}
          </View>

  handleSelected = (val, index) => {
    console.log(val, index);
    this.setState({
      codeCompare: val.industryCode
    });
    // this.props.handleSelect(val, index, i);
  };

运行结果

以上是关于Taro+react开发(34) tab切换的主要内容,如果未能解决你的问题,请参考以下文章

Taro+react开发(26)taro基本骨架

Taro+react开发(39)taro中model使用

Taro+react开发(71):Taro.nextTick

Taro+react开发(71):Taro.nextTick

Taro+react开发(59) 注意image位置

Taro+react开发(53) Taro提示操作