componente funcional - reaccionar js Estoy ejecutando un proceso. Quiero detener ese proceso si el usuario hace clic en detener (el botón de detener está en un componente diferente - Modal)
const [terminate, setterminate] = useState(false); const process =()=>{ ... some code (has no use of terminate or setterminate) for(let i=0;i<5;i++){ if(terminate){ break } // api call } } // process function ends const stopProcess = ()=>{ setterminate(true) } // called a modal and passes stopProcess as prop. and when click stop button in modal, that invoke stopProcess function. but for loop insite process function dont get break ... <button onClick={stopProcess}></ button > ...todo funciona bien, excepto que no se rompe. se invoca la función, probada por console.log("sdf")
(clousers y funcionamiento de useState (async) y cómo se actualiza. (Lea eso primero)) para obtener inmediatamente el valor de useState
let temp_terminate=false; setterminateProcess((state)=>{ temp_terminate=state; return state; })