Ant Design Pro 开发记录

Ant Design Pro 是一款适用于中后台的前端框架，基于React, dva.js, Ant Design。

关于路由的问题

在 src/common/router.js 中， 配置路径如下：

1. /A
2. /A/B
3. /A/C

那么 2 和 3 是访问不到的，这里引用官方的解决方案

关于dva.js的使用

尽可能的将所有处理数据交互的操作都放在 src/models 中，方便管理，同时也可以将业务逻辑有效的分离出来

业务场景：

通过modal提交表单，POST成功之后需要有一个回调函数来关闭modal

model file (*.js)

*fetch({ payload, callback }, { call, put }) {
    // request here
    if (callback) callback() // ** 回调函数 **
})

page file (*.js)

this.props.dispatch({
    type: '***',
    payload: '***',
    callback: () => {
        // callback function
    }
})

一个页面，两个表单的处理

初步解决方案，将每个表单分离成一个高阶组件，具体代码如下：

// Todo
// 1 
// 1