reactjs，在for循环中获取数组状态？

Question

if 之前的 line console.log 可以记录一个数字，但 if 语句出错 this.state.question[i] 未定义。

4 小时后我不明白为什么？

enter image description here

Answer 1

您收到错误是因为您将 question 数组迭代了太多次。如果数组中有 5 个项目，则需要索引 0、1、2、3 和 4。您的循环也会尝试读取索引 5，因为您有：i <= this.state.question.length。请尝试将其更改为 i < this.state.question.length。

另外，您设置了两次状态，这是不必要的，并且可能会触发重新渲染超过需要的次数。而是使用临时变量：

handlePlay = (e) => {
  setInterval(function(){
    const time = Math.round(e.target.getCurrentTime());
    let obj = {currentTime: time};  //temporary variable to build your next state
    for(let i = 0;i<=this.state.question.length;i++){
      if(time==this.state.question[i].time){
        obj.currentQuestion = i;  //add stuff to it
      }
    }
    this.setState(obj);  //set your final state here
  }.bind(this),1000)
}