Ant Design Pro 是一款适用于中后台的前端框架,基于React, dva.js, Ant Design。
关于路由的问题
在 src/common/router.js
中, 配置路径如下:
/A
/A/B
/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