如何在設置超時時重定向React組件

Question

我有一個正在創建的測驗應用程序，並且有一個Question組件。 每次呈現問題組件時，我都想啟動60秒計時器。 如果用戶未回答或退出應用程序，則60秒后，我想將他們重定向到首頁，下一位用戶將可以從頭開始測驗。

我還對componentWillMount()函數有另一個問題。 我有同樣的問題組件，正如您要說的那樣，有6個不同的實例或（“問題”）。 當我從問題1轉到問題2時， componentWillMount()函數不會重新觸發。 即使它們是不同的實例，它也只會在該組件的第一個渲染上觸發。 我需要確保計時器在每個組件渲染時重新啟動。 最好的方法是什么？ 最好使用props.history.push('/') 。

componentWillMount(){
    setTimeout(() => { 
        console.log('this ran') 
        this.props.history.push('/');
}, 60000)
}

Answer 1

不確定，但是setTimeout可能存在一個問題，該事件的目的是一次觸發事件，因此您可以嘗試使用setInterval，該目的是無限次數地執行函數。

也許您可以在這里查看更多信息 。