美文网首页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