在开发后管系统的需求中,有几个需求点记录下.开始的时候,没有想到解决方法,后来跟同事讨论了下,然后尝试了下可以啦.特此记录一下,使用之前的发布平台发布这篇文字有问题,所以就在这个网站上面发布啦~.
之前有发布过两篇其他问题的小计总结,这里是继续记录的第三篇,之前两篇点此直达:
如何正确的在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中遇到的一个问题,也是动态表单相关的.
在做销售待配货列表页面的是,有个操作是根据销售订单来选择库存进行配货.然后进行提交保存.
前面提到的,新增客户「基本信息」固定电话,账期,地址选择,这些封装成单独的组件,因为这类组件包含特有的数据或者逻辑
- 固定电话,区号-电话-分机号三个字段输入进行校验.
- 账期选择根据不同的类型,后面显示不同的提示.以及文本框的展示.
- 省市区下拉选择切换.切换省后要清掉后面的市和区的值.
最近在用React的UI框架Antd做试剂SAAS系统,由于是后台系统,所以有很多的表单数据需要提交.在使用Antd的表单过程中,发现会存在许多的问题.该博客会对我曾经遇到的问题做一个总结.由于问题较多.所以会分为3篇左右进行.
这是该总结的第一篇文章,主要介绍下,什么是什么是自定义表单,下面会以新增客户基本信息表单为例来进行说明.