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

猜你喜欢

转载自blog.csdn.net/chiuwingyan/article/details/81629942