微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何结合if和button?

如何解决如何结合if和button?

当您按下按钮时,它从33开始倒数。我想在0之后重复值33。如何使用“ if”?

export default class App extends PureComponent {
  constructor(props) {
    super(props);
 
  }
  harrik = {
    number : 33
  };
  onPressDecrease = () => {
    this.setState({
      number: --this.harrik.number,})

  }

解决方法

使用三元运算符?:是最好的方法, 我正在使用回调,setState将其作为第二个参数,然后返回对象以更改状态。

onPressDecrease = () => {
    this.setState((prevState) => 
     ({ number: prevState.number === 0 ? 33 : --prevState.number })
    )
}
,

如果您希望值在某一点后翻转,那么最好的选择通常是modulo operation

// modulo function using JavaScript's `%` (remainder) operator
const modulo = (num,modulus) => ((num % modulus) + modulus) % modulus

modulo(-1,33) // 32
modulo(0,33) // 0
modulo(1,33) // 1
// ...
modulo(32,33) // 32
modulo(33,33) // 0
modulo(34,33) // 1
,
onPressDecrease = () => {
    this.setState({
      number: --this.harrik.number,});
    if(this.harrik.number === 0) { 
       this.harrik.number = 33; 
    }
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。