用功能反应逻辑

时间:2019-02-22 23:32:47

标签: reactjs iteration counter

我正在使用一个计数器来帮助我遍历数组,该数组的内容重复并且类别作为“集合”。数组最初的长度为6个对象(等于一组),但要乘以组的数量,因此数组的第一部分包含集合1,数组的第二部分包含集合2。

我有一个向前迭代的按钮,一个向后迭代的按钮。问题是我使用的计数器重置为零,用作在各组之间进行切换的辅助工具。

如果用户返回并继续向后移动,则会弄乱计数器与它所代表的集合之间的同步。

当计数器达到5以代表新的计数器时,计数器将设置为0

我需要一个解决方案,如果counter为0并且用户不断返回,则根据数组arrIterator所在的位置将counter设置为正确的数字。我有以下代码:这是一个有缺陷的解决方案还是可以它是固定的吗?

感谢所有我能得到的帮助。

 goBack() {
    if (this.state.arrIterator > 0) {
      if (this.state.counter === 0) {
        this.setState({
          arrIterator: this.state.arrIterator -1,
          counter: 0
        });
      }
      else {
        this.setState({
          arrIterator: this.state.arrIterator -1,
          counter: this.state.counter -1
        });
      }
    }
  }

0 个答案:

没有答案