Estoy enviando acciones con una función de envío desde componentes secundarios disponibles a través de la API de contexto.
const NotificationProvider = (props) => { const [state, dispatch] = useReducer((state, action) => { switch (action.type) { case "ADD_NOTIFICATION": return [...state, {...action.payload}]; case "REMOVE_NOTIFICATION": return state.filter(el => el.id !== action.id); default: return state } }, []);¿Cómo puedo mantener (como máximo) solo los últimos 3 elementos del estado?
Agregue la carga útil al frente de las notificaciones y luego corte el resto (de esta manera también tendrá las últimas notificaciones por adelantado).
case "ADD_NOTIFICATION": return [{...action.payload}, ...(state.slice(0,2))]; }