vivir.js
const [report, setReport] = useState([]); const [result, setResult] = useState([]); useEffect(() => { pose.onResults(onResults); => pose runs every second which runs onResults function every second }, []); const onResults = async () => { setResult(results.poseLandmarks); ==> It set above state name result }; useEffect(() => { updateReport(); ==> as result state update this runs function updateReport }, [result]); const updateReport = async (result) => { let reportData = [...report]; let updatedReport = []; let saveReport = []; if (report.length > 99) { saveReport = reportData.slice(0, 100); let body = { room_id: roomId, formatReport: { "frames": saveReport }, session: sessionId }; reportData.splice(0, 100); await awsUpload(body.formatReport, body.room_id); ==> This function uploads file to aws } reportData.push(updatedReport); setReport(reportData); ===> It set in report state}
onResult se ejecuta cada segundo que quiero una vez que se ejecuta la función updateReport, debe completar toda su ejecución antes de ejecutarse nuevamente, pero antes de completar la ejecución, se ejecuta nuevamente como estado de resultado, cuya dependencia se actualiza cada segundo
Puede introducir un indicador para rastrear si updateReport ya se está ejecutando:
const [isUpdatingReport, setIsUpdatingReport] = useState(false); Y luego, en onResult solo llame a updateReport si no se está ejecutando actualmente:
const onResults = async () => { setResult(results.poseLandmarks); if (!isUpdatingReport) { setIsUpdatingReport(true); updateReport(); } }; Además, al final de todas las cosas asincrónicas en updateReport , asegúrese de señalar que el trabajo está hecho con
const updateReport = async (result) => { // ... setIsUpdatingReport(false); };De esta manera, solo habrá un informe que se actualice al mismo tiempo.
Algunas otras ideas sobre tu código:
updateReport tiene un argumento ( result ) en su fragmento pero se llama sin argumentos. ¿Quizás falta algo?result sea una variable de estado? Parece que su único propósito es ser procesado por updateReport . Si eso es cierto, simplemente podría pasarlo a la función. Pero tal vez se represente en el componente, no lo sé.