Antd Pro 新坑

Posted 2023-04-08

参考技术A 初次尝试用antd pro给公司开发项目，有种站在巨人的肩膀上开发的感觉。一开始确实是拿来就能用了，和它的介绍很一致。但是开发了一段时间就会发现，用别人的脚手架还不如自己搭一个适合自己项目的。

说一下我遇到的一个算是比较大的问题，可能只对我而言是个大问题。这个脚手架里封装了很多的组件，这些组件封装的数据格式都是按照脚手架里mock的数据来写的，因此在调用后台数据的时候后台的数据格式在很多时候都是和mock的格式是不一样的。

问题描述：获取后台数据展示到列表中，显示到界面上。在界面render的时候能够打印出数据，但是在界面上不显示出来。

问题分析过程：首先检查了定义的columns是不是正确，怀疑自己列表定义错了。眼睛瞪大了看没有错误；接着开始检查获取数据的组件，发现组件里获取数据的地方的参数与后台给的不一致。感觉看到了希望

问题结果：将mock数据打印出来和后台给的数据结构进行比较，给DataSource传入正确的数值。

（还有就是不要忘了在componentDidMount里发送数据请求组只能发送一个，不然第一个会被后面的请求覆盖，我已经吃过很多次亏了）

【antd-pro】路由配置、select组件层级

参考技术A 禁掉原生事件：onPressEnter=(e: any)=>e.preventDefault();

Modal组件中使用Select组件，select组件下拉框错位，设置getPopupContainer=triggerNode => triggerNode.parentNode后 解决