React-视图更新策略

setState

react的一个组件很明显的由dom视图和state数据组成，两个部分泾渭分明。 state是数据中心，它的状态决定着视图的状态。这时候发现似乎和我们一直推崇的MVC开发模式有点区别，没了Controller控制器，那用户交互怎么处理，数据变化谁来管理？然而这并不是react所要关心的事情，它只负责ui的渲染。与其他框架监听数据动态改变dom不同，react采用setState来控制视图的更新。setState会自动调用render函数，触发视图的重新渲染，如果仅仅只是state数据的变化而没有调用setState，并不会触发更新。 组件就是拥有独立功能的视图模块，许多小的组件组成一个大的组件，整个页面就是由一个个组件组合而成。它的好处是利于重复利用和维护。

参考：https://juejin.im/post/5a3a12cff265da43062ae964

 

vue和React的响应式数据对比：https://blog.csdn.net/SirM2z/article/details/71195059