智能风险后台管理系统问题记录

1. 编辑和新增页面公用组件中的表单组件.编辑的时候, 拿到详情信息,传入组件,进行表单赋值useEffect中依赖项数组只填入id,拿到的数据不是最新的. 需要传入detail详情.

2. 项目部署到测试环境遇到的坑,测试环境使用的是宝塔管理系统.将打包后的文件目录上传到服务器上面的文件夹中.通过IP+目录的方式访问项目.

3. 项目代码里面需要配置路由的basename(基础目录),使用的是routerv6版本,否则的话,打包后上传到服务器上面一直对应不上.

在开发后管系统的需求中,有几个需求点记录下.开始的时候,没有想到解决方法,后来跟同事讨论了下,然后尝试了下可以啦.特此记录一下,使用之前的发布平台发布这篇文字有问题,所以就在这个网站上面发布啦~.

之前有发布过两篇其他问题的小计总结,这里是继续记录的第三篇,之前两篇点此直达:

Antd组件使用过程中相关问题记录(一)
React+Antd+Umi相关组件问题总结小计(二)

如何正确的在JS循环中使用异步?

周末在用react-redux做B站课程列表的时候,遇到了一个在循环中使用异步的问题,记录一下.

问题的场景是这样的,我做了一个课程列表的Tab选项卡效果.(基于React+React-redux)创建.后端接口也是自己用nodejs+koa2创建的.

react+antd upload通过fileList控制文件列表展示status为uploading

在做CRM后台管理企微服销商品新增的时候,有个文件上传产品ICON图片的需求,文件上传后,后端接口有返回信息.但是前台打印文件信息查看status一直是uploading.

想要的效果是用户文件上传正确,才展示在页面上,上传错误不展示在页面上.upload组件,就是用fileList属性控制.使用了upload的fileList属性,发现文件上传状态一直是uploading,后面发现实际问题是,fileList这个属性不能设置为空数组.

React开发环境create-react-app自定义配置

可以选择 npm run eject 进行自定义，但是正常我们也不需要改那么多配置，也行只需要支持less编译或者antd相关组件等等.当然我们也可以完全自己自定义webpack的配置文件.

借助插件重写react脚手架配置:

这篇文章主要整理了我在工作中,使用Form表单组件,进行数据校验的一些问题. 其中印象比较深刻的就是一个固定电话和客户账期的组合组件.(固定电话是由三个文本框组成,分别为区号,固号,以及分机号码.客户账期是由一个下拉选择框和文本框组合),开发过程中遇到的相关表单自定义校验问题和错误提示信息:

动态表单数据提交

在实际的项目开发过程中,动态表单也是很常见的一种需求,例如上一篇文章中分享的添加工作经历的表单情景.这次分享的也是在做SAAS中遇到的一个问题,也是动态表单相关的.

在做销售待配货列表页面的是,有个操作是根据销售订单来选择库存进行配货.然后进行提交保存.

前面提到的,新增客户「基本信息」固定电话,账期,地址选择,这些封装成单独的组件,因为这类组件包含特有的数据或者逻辑

• 固定电话,区号-电话-分机号三个字段输入进行校验.
• 账期选择根据不同的类型,后面显示不同的提示.以及文本框的展示.
• 省市区下拉选择切换.切换省后要清掉后面的市和区的值.