react js中的更新和对象嵌套数组

const updateNestedObject = (original, keyToUpdate, newValue) => {
  return {
    ...original,
    [keyToUpdate]: newValue,
  };
};

const updateNestedArray = (original, indexToUpdate, newValue) => {
  return [
    ...original.slice(0, indexToUpdate),
    newValue,
    ...original.slice(indexToUpdate + 1),
  ];
};

this.setState((prevState) => ({
  nestedObject: {
    ...prevState.nestedObject,
    keyToUpdate: newValue,
  },
}));

import produce from 'immer';

const nextState = produce(baseState, draftState => {
  draftState.nestedObject.keyToUpdate = newValue;
  draftState.nestedArray[indexToUpdate] = newValue;
});

const initialState = {
  user: {
    name: 'John',
    age: 30,
    hobbies: ['reading', 'gaming'],
  },
};

const newState = {
  ...initialState,
  user: {
    ...initialState.user,
    name: 'Jane',
  },
};

const newStateWithNewHobby = {
  ...initialState,
  user: {
    ...initialState.user,
    hobbies: [...initialState.user.hobbies, 'swimming'],
  },
};