Usunąć element z stanu Redux

Question

Zastanawiam się, czy mógłbyś mi pomóc z tym problemem, jeśli to możliwe. Próbuję usunąć element ze stanu Redux. Przekazałem identyfikator elementu, który użytkownik kliknie poprzez action.data do reduktora.

Zastanawiam się, jak mogę dopasować action.data z jednym z ID w stanie Redux, a następnie usunąć ten obiekt z tablicy? Zastanawiam się również, jak najlepiej ustawić nowy stan po usunięciu pojedynczego obiektu?

Proszę patrz poniższy kod:

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

Wystarczy filtrować komentarze:

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

W ten sposób nie będzie mutować oryginalny state tablicę, ale zwraca nową tablicę bez elementu, który miał identyfikator commentId.

Aby być bardziej zwięzły:

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