immutably update array of objects in redux

Question

I am mutating state here, but I don't want to! All my attempts to not mutate state have come back with syntax errors, so I have turned here.

this is my redux data structure:

controls: (array)[
    0:
        id: "e06c5fbf-6d57-4f5b-a601-bfc4ad265def"
        status: 'complete'
        files: []
    1:
        id: "e06c5fbf-6d57-4f5b-a601-bfc4ad265def"
        status: 'complete'
        files: []
    ...
    ]

// and my reducer

export default function frameworkReducer(state = initialState, action) {
    case RECEIVE_CONTROL_STATUS_UPDATE:
            const index = action.payload.index;
            const newState = {...state};
            newState.controls[index] = { ...state.controls[index], status: action.payload.value };
            return newState

with my current code, it properly edits the desired status property, but it doesn't do it immutably. — ambe5960
– ambe5960, Commented Jan 17, 2020 at 5:38

ambe5960 · Accepted Answer · 2020-01-17 05:45:43Z

1

This worked for me:

// reducer

    let index = action.payload.index
    let controls = [...state.controls];
    controls[index] = {...controls[index], status: action.payload.value};
    return {...state, controls}

answered Jan 17, 2020 at 5:45

ambe5960

1,9803 gold badges23 silver badges52 bronze badges

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

Comments

akhtarvahid · Accepted Answer · 2020-01-17 05:47:34Z

0

If you are finding and updating particular row/item.

           case RECEIVE_CONTROL_STATUS_UPDATE:
            let findItem = state.controls.find(a=>a.index===action.payload.index);
            let filtered = state.controls.filter(a=>a.index!==action.payload.index);
            let updateState = [filtered, findItem];
            return {
              ...state,
              constrols: updatedState
            }

answered Jan 17, 2020 at 5:47

akhtarvahid

9,7992 gold badges30 silver badges33 bronze badges

Collectives™ on Stack Overflow

immutably update array of objects in redux

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related