美文网首页
小程序开发笔记:一到周末就写不了几行代码

小程序开发笔记:一到周末就写不了几行代码

作者: laughing_club | 来源:发表于2020-07-11 23:21 被阅读0次

一到周末感觉时间不够用了,上午起床出去办点事情,回到家就中午了,吃个饭刷刷手机休息一下,就到3,4点钟了。写几行代码然后就到吃完饭时间了。吃完出去逛一圈消消食,回家就7,8点钟了。洗洗上床又刷刷手机,就的9,10点钟了,所以你看,时间就这样溜走了。以前念书的时候总觉得时间很多,现在一天也是24小时,却觉得时间过得好快。
好了,还是说下今天更新的代码,今天主要更新了个自定义tab,代码如下:

<View className="index-tab" onClick={(e) => this.shiftTab(e)}>
  <View
        data-value="0"
        className={this.state.tabState === "0" ? "action" : ""}
        >
    招股中
  </View>
  <View
        data-value="1"
        className={this.state.tabState === "1" ? "action" : ""}
        >
    待上市
  </View>
  <View
        data-value="2"
        className={this.state.tabState === "2" ? "action" : ""}
        >
    已上市
  </View>
</View>

本想通过shiftTab实现切换className样式,但是不熟悉react的捕获事件,所以暂且获取data-value后再做下一步打算:

shiftTab(e) {
  console.log("clicktab", e, e.nativeEvent, e.target.dataset.value);
  this.setState({
    tabState: e.target.dataset.value,
  });
}

相关文章

网友评论

      本文标题:小程序开发笔记:一到周末就写不了几行代码

      本文链接:https://www.haomeiwen.com/subject/gnpwcktx.html