how to remove object from array in redux

Question

this is my code can un help with it how to write slice function properly

 export default function(state={inputs:[ ]}, action) {
        console.log(action.index);
        switch (action.type) {
        case APPEND_INPUT:
            return { ...state, inputs: state.inputs.concat({value:"",key:"1",type:'input'})};
        case APPEND_TEXTAREA:
            return { ...state, inputs: state.inputs.concat({value:"",key:"",type:'textarea'})};
        case APPEND_EMAIL:
            return { ...state, inputs: state.inputs.concat({value:"",key:"",type:'email'})};
        case REMOVE_INPUT:
            return  {inputs: state.inputs.slice(0)};

        default:
            return state;
        }
    }

trashgenerator · Accepted Answer · 2016-10-24 14:19:58Z

4

Or:

{inputs: state.inputs.filter((_, i) => i !== action.index))

answered Oct 24, 2016 at 14:19

trashgenerator

7014 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ori Drori · Accepted Answer · 2017-04-20 20:18:24Z

3

Slice the array up to the index, and concat it to the slice from the index + 1 onwards:

{ 
    inputs: state.inputs.slice(0, action.index).concat(state.inputs.slice(action.index + 1))
}

If you use ES6 you can do this instead of concat:

{ 
    inputs: [...state.inputs.slice(0, action.index), ...state.inputs.slice(action.index + 1)]
}

edited Apr 20, 2017 at 20:18

answered Oct 24, 2016 at 12:22

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

1 Comment

kiran Over a year ago

it isn't working onclick its going to default state can u please help me with it

Collectives™ on Stack Overflow

how to remove object from array in redux

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related