My first question would be, in your deleteTask
method what is being returned here? Does a delete method actually return the task you deleted?
.then(({ data: task }) => {
dispatch({ type: DELETE_TASK, task })
}
If not, another way you can address this is by changing the task
in your dispatch to the id
you are passing to the deleteTask
method:
dispatch({ type: DELETE_TASK, id });
Then use the filter method instead of map in your reducer to return the tasks that don’t match that deleted task’s id, effectively “deleting” it from your state:
case DELETE_TASK: {
return {
list: state.list.filter((it) => {
return action.id !== it.id;
}),
}
}
CLICK HERE to find out more related problems solutions.