为什么React不允许直接修改state

React强烈不建议直接修改state，究其原因可以从两方面进行阐述

性能问题

React提倡不可变性，通过setstate()修改state实际上是创建了一个副本用来代替原来的state，这与直接修改原数据有着本质的区别。其他框架类似angular监听一个变量的变化通过watch和deepwatch，尤其deepwatch在判断一个数据量大的变量是否变化时会消耗很多资源，导致应用性能下降。而在React中则是数据变化就产生新对象将之替代，没变化就直接返回原数据，通过判断新旧变量的引用是否一致来判断变量是否修改，这样做的效率要比前者高的多。

机制

要知道setState本质是通过一个队列机制实现state更新的。 执行setState时，会将需要更新的state合并后放入状态队列，而不会立刻更新state，队列机制可以批量更新state。
如果不通过setState而直接修改this.state，那么这个state不会放入状态队列中，下次调用setState时对状态队列进行合并时，会忽略之前直接被修改的state，这样我们就无法合并了，而且实际也没有把你想要的state更新上去。