如何在 setInterval 中获得 redux 状态

编程问答 2022-04-29

问题描述

我使用 Redux 并做出反应，并在一秒后在计时器中获取 redux 状态的值。每次执行 Timer 时，状态的值都不会改变，并且是初始值。状态中的初始值是

00:00:00

注意：状态中的值是正确的，只有定时器中的值和初始值是错误的。

 CheckTheEndOfTheExam = setInterval(() => {
    handleSendWxamDataAfterEndTime();
 },60000);

 const handleSendWxamDataAfterEndTime = () => {    
       if (getTimetoAttendTheExamPage == data1.examParents[0].examParent_duration) {
           alert('زمان امتحان تمام شده است!!!');
        }
    }

const mapStatetoProps = createStructuredSelector({
    getTimetoAttendTheExamPage:getTimetoAttendTheExamPage,});

解决方法

您可以使用 setState callback 更新状态并在 handleSendWxamDataAfterEndTime 钩子内调用 useEffect 函数。

const [state,setState] = useState(0);

 CheckTheEndOfTheExam = setInterval(() => {
    setState(s => s + 1)
 },60000);
 
 useEffect(() => 
  {
    if (state > 0)
      handleSendWxamDataAfterEndTime()
  },[state])

mapstatetopropsmapstatetopropsreactjsreactjsreactjsreactjsreduxreduxreduxreduxsetintervaltimertimer