美文网首页react umi dva antd
React+DVA+Antd架构说明

React+DVA+Antd架构说明

作者: 逸笛 | 来源:发表于2019-12-23 13:45 被阅读0次

参考文档:

ES6:http://es6.ruanyifeng.com/

React框架:

API: https://reactjs.org/docs/getting-started.html

生命周期:https://reactjs.org/docs/react-component.html

DVA脚手架:https://dvajs.com/guide/

Antd UI框架:https://ant.design/docs/react/introduce-cn

UmiJS(包含Antd+DVA,为目前最新使用框架): https://umijs.org

目录结构说明:

图片.png

数据流转说明:

图片.png

请求流程

UI 组件交互操作;
调用 model 的 effect;
调用统一管理的 service 请求函数;
使用封装的 request.js 发送请求;
获取服务端返回;
然后调用 reducer 改变 state;
更新 model

相关文章

网友评论

    本文标题:React+DVA+Antd架构说明

    本文链接:https://www.haomeiwen.com/subject/ndmgnctx.html