Estoy tratando de eliminar el rebote de una acción de la API que es una llamada de envío al reductor. La llamada de la API en el navegador debe recuperarse después de un retraso particular dado como una única API, pero va como varias llamadas de la API después de la demora, el código es el siguiente.

por favor consulte la captura de pantalla también

 const apiCall = (args) => { dispatch(getECByStatus({status: 'PENDING_APPROVAL', search: args})) } const debounce = (apiFunc, delay) => { let inDebounce return function () { const context = this const args = arguments clearTimeout(inDebounce) inDebounce = setTimeout(() => { inDebounce = null apiFunc.apply(context, args) },delay); } } const optimizedVersion = debounce(apiCall, 600) const handleSearchChange = (value) => { optimizedVersion(value) }

handleSearchChange es el evento onchange activado desde el cuadro de entrada al escribir la entrada. getECByStatus es un creador de acciones redux, que llama a la API con el parámetro de búsqueda,

 export const getECByStatus = (params) => async (dispatch) => { let editCheckType = params?.type ? `/${params.type}` : '' let searchParams = params?.search ? `&search=${params.search}` : '' try { dispatch({ type: actionType.GET_EC_BY_STATUS_REQUEST, payload: { load: true, }, }) let study_id = getItem('study_id') const { data } = await DataService.get( `/edit-checks${editCheckType}?status=${params.status}&study_id=${study_id}${searchParams}` ) dispatch({ type: actionType.GET_EC_BY_STATUS_SUCCESS, payload: { load: false, data: data.data, } }, }) } catch (error) { console.error('Get EC by status error', error) dispatch({ type: actionType.GET_EC_BY_STATUS_FAIL, payload: { load: false, }, }) } }

¡Gracias por adelantado!