DVA首先是基于Redux和Redux-Saga的数据流解决方案。为了简化开发体验，DVA还构建了React-Router和Fetch，因此DVA基于现有的应用程序架构（Redux + React-Router + React-Router + Redux-Saga.a轻质包装层。
这是由Ali Architect Sorrescc完成的一组前端框架。
快速构建一个React项目（PC，移动终端）。
数据更改通常是由用户交互或浏览器行为（例如路由跳跃等）触发的。当此类行为会更改数据时，可以启动一个。Behavior（副作用）将触发然后流向最终变化，因此，在中间，数据流非常清晰，很简洁，思维基本上与该数据流相一致开源社区
dva = react-router + redux + redux-saga
NPM开始
CNPM安装antd babel-plugin-import-save
例如：
创建路线，可以将路线视为构成应用程序的不同页面
在文件夹下创建
创建一个新的路由组件路由/products.js，内容如下：
将路由信息添加到路由表中，编辑路由器：JS：
然后打开http：// localhost：8000/＃/products，
随着应用程序的开发，有必要在多个页面上共享UI元素（或在一页上多次使用）。在DVA中，您可以将此部分绘制到组件中
在组件文件下创建
创建一个新文件：
完成UI后，开始处理数据和逻辑。
DVA通过模型的概念来管理字段的模型，包括同时更新状态的还原器，使用异步逻辑的处理效果以及订阅数据源的子犯罪。
在模型文件夹下创建
新建：
在此：
然后不要忘记加载index.js：
DVA提供了连接方法。此连接是React-Redux的连接。
编辑用以下内容替换它：
最后，一些初始数据需要使此应用程序运行。Edieindex.js：
-const app = dva（）;
}，}）;
NPM运行构建
NPM开始
原始：https：//juejin.cn/post/7103728665569001509