React+Redux中的MVC

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
我畫了個圖
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章