Tengo un botón que está haciendo dos llamadas en onClick, una función resetFilterItems que restablece el filtro en mi estado y, al mismo tiempo, mi getNetworkViewData también se llama api.
No puedo restablecer mis filtros primero, así que hago una llamada con una carga útil incorrecta. ¿Cómo puedo restablecer primero los filtros props.filterStatus , props.filterCapabilities y luego hacer una llamada sincrónicamente en esta situación?
<Button type="secondary" onClick={() => { props.resetFilterItems( props.filterStatus, props.filterCapabilities ); props.getNetworkViewData( getSearchQueryParam(), props.partnerId ); }} size="medium" > Clear all </Button>Intente llamar a su otro método en resetFilterItems en este método.
De esa manera, su estado se borrará y podrá llamar a otro método después de eso.
O comparta esos 2 métodos para tener una idea más sobre su flujo de código.
Puede usar useEffect con sus dependencias de estado. Y llame a su Api en useEffect cada vez que cambie su estado.
useEffect(()=>{ props.getNetworkViewData( getSearchQueryParam(), props.partnerId ); },[props.filterStatus])O desea restablecer sus estados después de la llamada a la API y luego restablecerlos en el método de respuesta de la API.