Tengo un componente React que asigna el estado a los accesorios para obtener datos a través de redux. Todo funciona bien con la acción y el valor actualizado correctamente en el reductor. Mi único problema es que cuando cambia el valor del estado, quiero que mi componente se vuelva a renderizar para que siempre muestre el valor más actualizado en el reductor. A partir de ahora, tengo que llamar a una función separada que actualiza el componente, pero prefiero que se reproduzca automáticamente cada vez que cambia el valor en el reductor.

Acción:

 export const createPickup = (selected, pickups) => dispatch => { let icon; icon = check(selected); pickups.icon = icon; return API('/createPickUp/', { ...pickups, }) .then(res => { dispatch({type: types.CREATE_PICKUP, res}); }) .catch(err => console.log(err)); };

Reductor:

 const initialState = { pick: [], }; export default function pickup(state = initialState, action) { switch (action.type) { case types.GET_PICK: return { pick: action.pickup, }; case types.CREATE_PICKUP: return { pick: [action.res, ...state.pick], }; case types.DEL_GAME: return { pick: state.pick.filter(p => p._id !== action.id), }; case types.START_GAME: return { pick: state.pick.map(p => p._id === action.id ? {...p, start: true} : p, ), }; case types.STOP_GAME: return { pick: state.pick.map(p => p._id === action.id ? {...p, stop: true} : p, ), }; default: return state; } }