React+Redux中的MVC

来源:互联网 发布:域名的意义 编辑:程序博客网 时间:2024/05/22 16:01

MVC

MVC的框架大家都熟悉了
M(Model),数据模块,简单理解就是用于存储数据的
V(View),视图模块,管理展现给用户的页面视图
C(Controller),控制器模块,它控制数据流向模型对象,并在数据变化时更新视图。它使视图与模型分离开。
这里写图片描述

React+Redux

React主要就是负责View的部分,其中通过props展示数据。
Redux里面主要包含一个store,这个store里有state,action,reducerstate保存着数据,如果要修改数据,只能通过action去派发一个事件,然后在reducer里定义这个事件,对state进行修改。

React+Redux与MVC

他们的关系又是怎么样的呢?
显然
React里的各个Components表示View
Redux里的store里的state表示Model
Redux里的action和reducer表示Controller
我画了个图
这里写图片描述

原创粉丝点击