标签antd下的文章

admin 发布于 08月26, 2021

React+Antd upload通过fileList控制文件列表展示status一直为uploading

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

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

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

阅读全文 »

admin 发布于 01月16, 2020

React+Antd 表单控件组合组件之校验相关(v3版本)

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

阅读全文 »

admin 发布于 12月18, 2019

React+Antd 动态表单问题-3(v3版本)

动态表单数据提交

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

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

阅读全文 »

admin 发布于 12月05, 2019

React+Antd 自定义表单问题-2(v3版本)

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

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

阅读全文 »

admin 发布于 12月04, 2019

React+Antd 自定义表单问题-1(v3版本)

最近在用React的UI框架Antd做试剂SAAS系统,由于是后台系统,所以有很多的表单数据需要提交.在使用Antd的表单过程中,发现会存在许多的问题.该博客会对我曾经遇到的问题做一个总结.由于问题较多.所以会分为3篇左右进行.

这是该总结的第一篇文章,主要介绍下,什么是什么是自定义表单,下面会以新增客户基本信息表单为例来进行说明.

阅读全文 »