React: context hook, push object into an array

Question

The error I'm getting is Cannot find name 'objectArray'.

interface StateInterface {
  objects: {
    objectArray: object[];
    selected: object;
  };
}

const InitialState: StateInterface = {
  objects: {
    objectArray: [],
    selected: {},
  },
};


const Reducer = (state: StateInterface, action: any) => {
  switch (action.type) {
    case 'SELECTED':
      return {
        ...state,
        objects: { ...state.objects, selected: action.value },
      };
    case 'ADD_OBJECT':
      return {
        ...state,
        objects: { ...state.objects, objectArray: objectArray.push(action.value )},
//                                                     ^---- Cannot find name 'objectArray'.ts(2304)
      };
    default:
      return state;
  }
};

I also tried

objects: { ...state.objects, objectArray:  ...action.value )},

Spooze · Accepted Answer · 2020-02-22 14:28:04Z

3

Only the state object is in scope at that point (provided as an argument to the reducer), try switching objectArray for state.objectArray at the point you're getting the error.

But also, you'll need to append the value immutably for it to be correct (a rule of reducers), so you'll need to make that whole line something like:

objects: { ...state.objects, objectArray: [...state.objectArray, action.value]},

To create a new array with both the old values and the new value you're adding.

answered Feb 22, 2020 at 14:28

Spooze

3781 silver badge10 bronze badges

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

1 Comment

Bill Over a year ago

objects: { ...state.objects, objectArray: [...state.objects.objectArray, action.value]}, did the trick thank you

Collectives™ on Stack Overflow

React: context hook, push object into an array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related