Tengo muchas dudas con React-Redux. En estos momentos estoy bastante trabado con una segunda pantalla de mi proyecto. Estoy manejandome con este JSON que estoy consultando con Axios:
RESPUESTA DEL JSON:
[
conos:
[
{"id": 0,…},
{"id": 1,…},
{"id": 2,…},
{"id": 3,…},
{"id": 4,…},
{"id": 5,…},
{"id": 6,…},
{"id": 7,…},
],
date: "16/11/2020 a las 0:50:48"
]
Resumidamente, preciso mostrar en mi pantalla la información de cada objeto de conos
. Es decir, un cono en particular, por ejemplo: {"id": 0,...}
.
En mi action creator
estoy manejando mi payload como payload: res.conos
ya que ahí dentro está la información que necesito. Pero yo debo mostrar la información de un cono en particular cuando haga clic en un botón (creo que no hace falta mostrar eso, dado el caso edito el thread y lo muestro).
Aquí les dejo mi action creator:
export const fetchCono = (ip) => async (dispatch) => {
dispatch({ type: FETCH_CONO_PENDING });
try {
let res = await fetchConoAPI(ip);
dispatch({ type: FETCH_CONO_FULFILL, payload: res.conos });
} catch (error) {
dispatch({ type: FETCH_CONO_REJECT, payload: error.message });
}
};
Aquí está mi reducer:
const initialState = {
isGetting: false,
currentCono: [],
fetchConoErrorMessage: null,
};
export default (state = initialState, action) => {
switch (action.type) {
case FETCH_CONO_FULFILL:
return {
...state,
currentCono: action.payload,
isGetting: false,
};
case FETCH_CONO_PENDING:
return { ...state, isGetting: true };
case FETCH_CONO_REJECT:
return {
...state,
isGetting: false,
fetchConoErrorMessage: action.payload,
};
default:
return state;
}
};
Espero haberme explicado bien, cualquier cosa estoy atento. Muchas gracias!
conos
en Redux, solo veo uncurrentCono
. Necesitarías pasarle el identificador del elemento que quieras mostrar alreducer
a través delpayload
, y luego filtrar la lista para encontrarlo (por ejemplo constate.conos.filter(item => item.id === payload.id)
).payload
, yo crearía una lista en elinitialState
para almacenarla y en elpayload
le mandaría únicamente en identificador del elemento que quiero recuperar.res.conos
están los conos que necesito, pero si puede ser de otra forma, estaría buenísimo ver cómo quedaría. En miinitialState
,currentCono
arranca vacío, a eso te referías? Si me puedes mostrar como quedaría, me ayudarías un montonazo.