为什么说react是视图层

为什么说react是视图层

React被认为是视图层的框架是因为它是基于组件的,一切都是组件,而组件就是渲染页面的基础。不论组件中包含的jsx,methods,state,props,都是属于组件内部的。

React中的state和prop可以被看作M,其实是错的,因为React本身没有状态管理的概念,这也是为什么会有Redux这类东西存在,因为React本身没法处理各个组件的数据交互,毕竟它只是V层。

React中的MVC

● Model(模型)是应用程序中用于处理应用程序数据和逻辑的部分。“模型”不依赖“视图”和“控制器”,也就是说,模型不关心它会被如何显示或是如何被操作。

Model层主要有两个部分:1. DBObj定义数据库中对应的数据模型;2. 是逻辑的处理包括直接对数据库和网络数据的访问处理;
在我们的程序里面把这层也叫做业务层处理层。跟React和Redux的代码没有任何关系的一层。

● View(视图)是应用程序中处理数据显示的部分。视图层主要包括二个部分:1.视图层显示及交互逻辑;2.视图层的数据结构ViewObj, 包括React中的props和stats;

● Controller(控制器)是响应视图层的事件和被动调用的事件(WebSocket发出的事件),根据不同的事件来组织不同业务逻辑处理,然后把处理结果反馈。而反馈的结果包括更新界面,更新数据模型。比如:视图层的数据更新,即Redux中的reducers。

React+Redux的MVC分层

1、视图层 React(component 、props(包括ViewObj)、state) (不能调用Redux的API)

2、控制层 Redux connect(输入逻辑,输出逻辑=> Action函数)(Page(由多个组件组成的页面))->Container
Redux Action函数(Call->Manager ->DBObj->store.dispatch()) (视图层和Server都可以调用Action函数)
Redux Reducer(DBObj->ViewObj->state) (控制显示数据更改)

3、模型层 Mangaer层 ->ManagerService -> ORM(DBObj) (不能调用React和Redux的API)

更多React相关技术文章,请访问React答疑栏目进行学习!

以上就是为什么说react是视图层的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏