所以我有這個問題，我不知道這是一個錯誤的概念還是這個概念的糟糕實現(xiàn)。我用 freecodecamp.org 做了番茄鐘，這迫使我從普通的js和 React 組件中使用 setInterval（） 函數(shù)。在番茄工作組件內(nèi)部，每次將其安裝在DOM樹中時，都應(yīng)該運(yùn)行一個 setInterval 檢查狀態(tài)和時鐘，具體取決于組件的狀態(tài)。事實上，我可以看到狀態(tài)變量的變化（多虧了 React 調(diào)試工具），但間隔不起作用componentdidmount在將組件呈現(xiàn)在DOM樹中并檢查狀態(tài).status之后運(yùn)行，如果它的真實檢查要運(yùn)行的周期，無論是會話還是中斷時鐘。一個計時器結(jié)束后，另一個計時器應(yīng)立即開始。此計時器或間隔存儲在組件狀態(tài)中，然后從 this.state.間隔狀態(tài)中清除。class Pomodoro extends React.Component {  constructor(props) {    super(props);    this.state = {     session:1500,     break:300,     cycle:true,     status:false,     sessionClock:1500,     breakClock:300,     interval:0,    } this.addSessionTime = this.addSessionTime.bind(this); this.decSessionTime = this.decSessionTime.bind(this);this.addBreakTime = this.addBreakTime.bind(this); this.decBreakTime = this.decBreakTime.bind(this); this.pause = this.pause.bind(this); this.reset = this.reset.bind(this);  }/*Avoided all the other binded functions since they are just setStates*/componentDidMount() {  if (this.state.status) {  if (this.state.cycle /* cycle true = session */)       {         this.setState({          interval:(setInterval( ()=> {      if (!this.state.status/*status true = clock running*/ ) {clearInterval(this.state.interval);}      else         {/*begin session clock*/          if (this.state.sessionClock > 1 /*check if is the last second*/)          {        this.setState({sessionClock: this.state.sessionClock - 1});                      /*take away a second from sessionClock*/          }       else {this.setState({cycle:!this.state.cycle, sessionClock:this.state.session}) }        }                  /*change cycle and restart sessionclock*/                                                  }    ,1000)      )})}時鐘由于將集合間隔保存到組件狀態(tài)或由于其他原因而無法正常工作？編輯添加了一個筆，以便您可以看到實時版本和狀態(tài)的變化https://codepen.io/bigclown/pen/bGEpJZb編輯二刪除了組件didmount方法并將內(nèi)容移動到 pause（） 方法，但現(xiàn)在兩個時鐘同時運(yùn)行，時鐘運(yùn)行速度比預(yù)期的要快（可能是 react 中的異步狀態(tài)更新帶來了問題？