Search code examples
reduxreact-reduxredux-thunkredux-toolkit

dispatch action after state change inside useEffect


i want to dispatch an action after state Change in an useEffect

React.useEffect(() => {
    let timer = setInterval(() => {
      setCurrTime(activeCallTime());
      /**
       @todo:dispatch currtime action  
      **/
    }, 1000);
    
    return () => clearInterval(timer);
  }, [props.startTime]); 

Solution

  • React.useEffect(() => {
        let timer = setInterval(() => {
         let temp = activeCallTime() 
         setCurrTime(temp);
          //dispatch temp
        }, 1000);
        
        return () => clearInterval(timer);
      }, [props.startTime]);