Using _.merge to update react state?

Question

 this.state = {
   children: {
     1: {
       id:1,
       name: 'hello',
     }
   }
 }

I'm trying to update one of children by the following code

 // given a child

 var state = _.merge({}, state, {
   children: {
     [child.id]: child
   }
 })

This looks simple, but most SO posts recommend immutability helper so I'm wondering if there's any flaw with the above approach?

Answer 1

Note: This method mutates object.(Lodash documentation) ie I think you shouldn't use it to return a new state.

Use Object.assign method or {...object, newFieldValue} ES6 spread operator

Answer 2

试试这个

var state = Object.assign({}, state, { children: { [child.id]: child } })