React，更新状态的首选方式是什么[duplicate]

Question

state = {
  blog: {
    name: 'abc',
    score: 5
  }
}


var { blog } = this.state

//你想做blog.score=5

1. blog = _.merge({}, blog, {
  score: 3
})


2. blog = {
    ...blog,
    score: 5
   }

3. blog = update(blog, {
     $set: {
       score: 5
     }
   }

this.setState({blog})

我不知道是否还有其他的方法，但是有没有比这些更好的方法呢？

什么关于

state = {
  site: { 
    blog: {
      name: 'abc',
      score: 5
    }
  }
}


site = _.merge({}, site, {
  blog: {
    score: 5
  }
})


site = update(site, {
  blog: {
    $set: {
      score: 5
    }
  })


this.setState({site})

Answer 1

\合并是一个合理的解决方案，但建议使用https://github.com/kolodny/immutability-helper 自从react addons update以来一直被视为遗留的附加组件。

Answer 2

reactjs已经提供了将以前的状态与新状态合并的实用程序。

let newState = React.addons.update(this.state, {
  blog: {
    score: { $set: 5}
  }
});
this.setState(newState);

有关此插件的更多详细信息