I have the following object. This object gets assigned a new value when the user clicks on a button.
state = {
  title: '',
  id: '',
  imageId: '',
  boarding: {
    id: '',
    test: '',
    work: {
      title: '',
      id: ''
    }
  }
}
My updated object looks like:
state = {
  title: 'My img',
  id: '1234',
  imageId: '5678-232e',
  boarding: {
    id: '0980-erf2',
    title: 'hey there',
    work: {
      title: 'my work title',
      id: '456-rt3'
    }
  }
}
Now I want to update just work object inside state and keep everything the same. I was using Object.assign() when the object was not nested but confused for nesting.
Object.assign({}, state, { work: action.work });
My action.work has the entire work object but now I want to set that to boarding but this replaces everything that is in boarding which is not what I want.




