Updating nested object

update-nested-object.js

const a = {
  id: 1,
  name: {
    lastName: '',
  }
};

const n = 'name';

const b = {
  ...a,
  [n]: {
    ...a[n],
    lastName: 'bbb'
  }
};

console.log(b);
console.log(a);


// using setState

state = {
  user: {
    id: 1,
    name: {
      firstName: '',
      lastName: '',
    }
  }
};

this.setState({
  user: {
    ...this.state.user,
    name: {
      ...this.state.user.name,
      firstName: 'John',
      lastName: 'Doe',
    }
  }
});