Sometimes, we want to delete an item using Redux and JavaScript.
In this article, we’ll look at how to delete an item using Redux and JavaScript.
How to delete an item using Redux and JavaScript?
To delete an item using Redux and JavaScript, we return a new array without the removed item.
For instance, we write
function cartReducer(state = initialState, action) {
const { id } = action.payload;
switch (action.type) {
//...
case actionTypes.DELETE_CART:
return {
...state,
carts: state.carts.filter((item) => item.id !== payload),
};
}
}
to add a switch statement into the cartReducer
function.
In it, we check if the DELETE_CART
action is invoked.
If it is, then we return an object with the new state that has the removed item gone.
We set carts
to a new array that has the item that does have id
equal to payload
.
Conclusion
To delete an item using Redux and JavaScript, we return a new array without the removed item.