Elimina un elemento dallo stato Redux

Question

Mi chiedo se potresti aiutarmi con questo problema se possibile. Sto tentando di eliminare un elemento dallo stato di Redux. Ho passato l'ID dell'articolo che l'utente fa clic su action.data nel riduttore.

Mi chiedo come posso abbinare il action.data con uno degli ID all'interno dello stato Redux e quindi rimuovere quell'oggetto dall'array? Mi sto anche chiedendo il modo migliore per impostare il nuovo stato dopo che il singolo oggetto è stato rimosso?

prega di consultare il codice qui sotto:

export const commentList = (state, action) => { 
    switch (action.type) { 
    case 'ADD_COMMENT': 
     let newComment = { comment: action.data, id: +new Date }; 
     return state.concat([newComment]); 
    case 'DELETE_COMMENT': 
     let commentId = action.data; 

    default: 
     return state || []; 
    } 
} 

Answer 1

Basta filtrare i commenti:

case 'DELETE_COMMENT': 
    const commentId = action.data; 
    return state.filter(comment => comment.id !== commentId); 

In questo modo non sarà possibile mutare il state matrice originale, ma restituisce un nuovo array senza l'elemento, che aveva l'id commentId.

Per essere più concisa:

case 'DELETE_COMMENT': 
    return state.filter(({ id }) => id !== action.data);