acciones.js

 export const getSeverityDistData = (dispatch, urlqueryStr) => { handleFetch( { ...getSeverityDist(), urlqueryStr, }, // fetch params (res) => { dispatch({ type: ActionTypes.GET_DASHBOARD_LIST_SUCCESS, payload: { data: res.data, isLoading: false, onError: false, }, }); }, (e) => { dispatch({ type: ActionTypes.GET_DASHBOARD_LIST_ERROR, payload: { errorMsg: e.message, isLoading: false, }, }); }, (loading) => { dispatch({ type: ActionTypes.GET_DASHBOARD_LIST_LOADING, payload: loading, }); } );}; export const getGroupData = (dispatch, urlqueryStr) => { handleFetch( { ...getGruop(), urlqueryStr, },//...sameOperations SameActionTypes...}

reductores.js

 const setChartsData = (state, action) => ({ ...state, data: [...action.payload.data], isLoading: action.payload.isLoading, onError: action.payload.onError, }); const setLoading = (state, action) => ({ ...state, isLoading: action.payload, }); const setTimeOut = (state, action) => ({ ...state, isTimeout: action.payload, }); const onError = (state, action) => ({ ...state, onError: action.payload.errorMsg, isLoading: action.payload.isLoading, }); const initialState = { data: [], isLoading: false, isTimeout: false, onError: '', }; export default (state = initialState, action) => { switch (action.type) { case ActionTypes.GET_DASHBOARD_LIST_SUCCESS: return setChartsData(state, action); case ActionTypes.GET_DASHBOARD_LIST_LOADING: return setLoading(state, action); case ActionTypes.GET_DASHBOARD_LIST_TIME_OUT: return setTimeOut(state, action); case ActionTypes.GET_DASHBOARD_LIST_ERROR: return onError(state, action); default: return state; } };

Déjame decirte brevemente lo que quiero hacer. Considere 2 gráficos en una página. Los datos que llegan a estos gráficos provienen de diferentes api pero de acuerdo con el mismo filtro de la interfaz de usuario. Por ejemplo, el usuario seleccionará ciertos parámetros de la sección de filtro y se enviará una consulta a las API de acuerdo con este estado de filtro, cada API devolverá un dato propio y estos diferentes datos se mostrarán en diferentes gráficos en el mismo página. Lo que quiero hacer es separar los datos de la API por gráficos. Cuando realizo una transacción como escribí anteriormente, los valores que retiro de la tienda cambian. Supongo que cualquiera que aparezca sobrescribe al otro. ¿Cómo puedo salir de esta situación?