Antd Pro使用过程的总结记录

前端文件

基于Ant Design Pro

这里是Antd Pro使用过程中的总结

1. 关于和服务端连接的问题。
   Antd Pro与后端相连的方法都集中在model文件夹内，采用redux和Promise异步操作来获取服务器数据。关于这方面的知识，参考 页面加载原理及过程，@connect 装饰器
   总结来说，
   • 在class外，@connect装饰器中，添加与model中某一文件中namespace同名的参数。
   • componentDidMount方法中，从props取到dispatch，dispatch中type定义为namespace/函数名，payload定义为传给后端的参数。
   • 在@/services/api.js文件中增加到后端url的request，Antd Pro会将payload中的参数转为json发送到后端url。
   • 同时要在models文件夹中的js文件定义reducer函数，用于将从服务器得到的参数更新state。
   • 最后在class