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
上一篇:Json字符串转DataTable


下一篇:SVG系列二