Estoy tratando de crear una página web usando React. usó redux para el acceso a datos.
Mi problema es que cuando hago clic en cualquier producto me muestra una página perfecta, pero si vuelvo atrás y luego vuelvo a hacer clic en otro producto, mi página me muestra los datos del nuevo producto, pero no cambia la altura de la foto. en CSS.
producto 1 producto 2 (no cambia la altura de la primera imagen)
export const productDetailsReducer = (state = { product: {} }, action) => { switch (action.type) { case PRODUCT_DETAILS_REQUEST: return { loading: true, ...state <------i am sending the previous state } case PRODUCT_DETAILS_SUCCESS: return { loading: false, product: action.payload, } case PRODUCT_DETAILS_FAIL: return { loading: false, error: action.payload } case CLEAR_ERRORS: return { ...state, error: null } default: return state }Primero debe iterar y luego proporcionar los cambios.
return { ...state <------ iterate loading: true, <----- set new values }Además, siempre debe iterar, solo para asegurarse de que no está cambiando todo el estado.
export const productDetailsReducer = (state = { product: {} }, action) => { switch (action.type) { case PRODUCT_DETAILS_REQUEST: return { ...state loading: true, } case PRODUCT_DETAILS_SUCCESS: return { ...state, loading: false, product: action.payload, } case PRODUCT_DETAILS_FAIL: return { ...state, loading: false, error: action.payload } case CLEAR_ERRORS: return { ...state, error: null } default: return state }