Ant Design Pro 开发记录-阿里云开发者社区

开发者社区> joeyko> 正文

Ant Design Pro 开发记录

简介: Ant Design Pro 是一款适用于中后台的前端框架,基于React, dva.js, Ant Design。
+关注继续查看

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
【iOS开发】添加设备到 iOSTeam Provisioning Profile
如果你是 iOS个人开发者的话,那么一定知道,可以在 https://developer.apple.com/account/ios/device/deviceList.action 这个地方添加内测设备的UDID 管理Devices 有一个叫做 iOSTeam Provisioning Profile 的文件。
1061 0
kafka-Java-SpringBoot-product API开发
前面讨论过如何安装kafka集群群及优化配置的问题,现在需要使用kafka集群,由于我们项目使用的是SpingBoot,故做一个inject到IOC容器的kafka-Java-SpringBoot-API,废话补多少,直接上代码:第一步,制定初始化类属性内容,最好赋初值,这样在使用的时候就不需要进行判空类:ProducerConfiguration import org.
1770 0
InnoDB的行记录格式, Compact, Redundant, Compressed, Dynamic
InnoDB存储引擎和大多数数据库一样(如Oracle和Microsoft SQL Server数据库),记录是以行的形式存储的。这意味着页中保存着表中一行行的数据。到MySQL 5.1时,InnoDB存储引擎提供了Compact和Redundant两种格式来存放行记录数据,Redundant是为兼容之前版本而保留的,如果你阅读过InnoDB的源代码,会发现源代码中是用PHYSICAL RECORD(NEW STYLE)和PHYSICAL RECORD(OLD STYLE)来区分两种格式的。
882 0
纯键盘开发实战(Mouseless Programming)
作为一个践行Mouseless Programming的开发者,来谈谈自己在日常工作中是如何做到「几乎」不用鼠标的。 在说具体的「技巧」之前,先聊一聊纯键盘开发的几个原则: 1. **动机**, 动机要单纯,纯键盘开发不是为了耍酷, 你的动机应该是提高「效率」:) 2. **键盘只是工具,思想才是关键**, 代码和问题先想清楚再下手,想清楚远比写的快重要! 3. **键盘不要经
1765 0
UWP开发入门(十一)——Attached Property的简单应用
原文:UWP开发入门(十一)——Attached Property的简单应用   UWP中的Attached Property即附加属性,在实际开发中是很常见的,比如Grid.Row:    Grid.Row这个属性并不是Button对象本身的实例方法,而是定义在Grid类型上的static property,实际使用时却又附在其他控件的XAML里。
1052 0
+关注
15
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载