如何结合 if 和 button？

Question

当你按下按钮时，它从 33 开始倒计时。我想在 0 之后重复值 33 我如何使用 'if'？

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

      
    })

  }

Answer 1

onPressDecrease = () => {
    this.setState({
      number: --this.harrik.number,
    });
    if(this.harrik.number === 0) { 
       this.harrik.number = 33; 
    }
}

Answer 2

使用三元运算符 ?: 是最好的方法，我正在使用回调，setState 接受它作为第二个参数，然后是 returns 对象来改变状态。

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

Answer 3

如果您希望值在某个点后滚动，最好的选择通常是 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

如何结合 if 和 button？

How do I combine if and button?

javascript

reactjs

react-native-android