Paulos3000 Paulos3000 - 1 year ago 203
Javascript Question

Redux reducer failing to remove array element

I'm having problems trying to get my reducer to work correctly in Redux. I'm new to Redux so I might be missing something simple, but I've played with it for a while and can't figure out what's going wrong.

Here is my process:

Define argument:

First I define the index value that I need. When logged, this returns the correct number...

const thisCommentIndex = parseInt(comments.indexOf(comment))

Function Call:

<div onClick={this.props.removeComment.bind(null, thisCommentIndex)}></div>


export function removeComment(index) {
return {


function comments(state = [], action) {
switch(action.type) {
console.log('removing comment with index of ' + action.index)
return [
...state.slice(0, action.index), // why isn't this working???
default :
return state
return state;

When I
console.log('removing COMMENT with index of ' + action.index)
, it logs the action.index correctly, the integer I would expect. But the function doesn't remove the element as expected.

Strangely, if I simply pass the array index instead, it works fine (removes the array element). (I would just do this, but due to the way I have set up my app it won't work in this case).

Am I missing something here? Any help appreciated.

Answer Source

You're missing a +1...

return [
  ...state.slice(0, action.index),
  ...state.slice(action.index + 1) // <--- need to actually skip what you want to remove
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download