Categories
JavaScript Answers

How to delete an item using Redux and JavaScript?

Spread the love

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.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *