Is this the correct way to delete an item using redux?

by

No. Never mutate your state.

Even though you’re returning a new object, you’re still polluting the old object, which you never want to do. This makes it problematic when doing comparisons between the old and the new state. For instance in shouldComponentUpdate which react-redux uses under the hood. It also makes time travel impossible (i.e. undo and redo).

Instead, use immutable methods. Always use Array#slice and never Array#splice.

I assume from your code that action.payload is the index of the item being removed. A better way would be as follows:

items: [
    ...state.items.slice(0, action.payload),
    ...state.items.slice(action.payload + 1)
],

More Related Contents:

  1. Programmatically Navigate using react-router
  2. Why do we need middleware for async flow in Redux?
  3. React Context vs React Redux, when should I use each one? [closed]
  4. Await is a reserved word error inside async function
  5. How to overcome the CORS issue in ReactJS
  6. How to update single value inside specific array item in redux
  7. Why use Redux over Facebook Flux? [closed]
  8. Understanding React-Redux and mapStateToProps()
  9. React: how to load and render external html file?
  10. Is store.dispatch in Redux synchronous or asynchronous
  11. How do I access store state in React Redux?
  12. Getting an error “A non-serializable value was detected in the state” when using redux toolkit – but NOT with normal redux
  13. redux fetch body is not use with no cors mode
  14. Read Store’s Initial State in Redux Reducer
  15. How to sync Redux state and url hash tag params
  16. TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received type undefined raised when starting react app
  17. How to trigger off callback after updating state in Redux?
  18. Changing the layout of a component depending on Redux state
  19. Cannot update a component while rendering a different component warning
  20. Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
  21. Pros/cons of using redux-saga with ES6 generators vs redux-thunk with ES2017 async/await
  22. Programmatically change Redux-Form Field value
  23. Global state in React Native
  24. Update single value in item array | react redux
  25. Redux Presentational Components Vs Container Component
  26. How can I dispatch function in redux?
  27. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  28. Component won’t update when a redux state change occurs
  29. React-Redux: Should all component states be kept in Redux Store
  30. How to get simple dispatch from this.props using connect w/ Redux?

Leave a Comment