需求
添加一个刷新按钮,每次点击刷新就会重新请求接口更新状态,然后部分时间不可点击的时候置灰
遇到的问题
就是刷新的时候,这个置灰的classname加不上去,状态其实已经变了
<View key={time} className={`single-time ${'currentTime === time ? 'checked-btn' : isFull.length === scheduleList[time].length ? 'disabled-btn' : '''}`}
>{time}</View>
解决办法
就是直接用内联样式动态去写入css
<View key={time} style={currentTime === time ? 'background-color: #5B9AFF;color: #fff;' : isFull.length === scheduleList[time].length ? 'border: 2px solid #ccc;background-color: #ccc;color: #fff;' : ''} >{time}</View>
公众号
欢迎大家关注我的公众号: 石马上coding,一起成长