【React工作记录四十】对象的属性和值转换

简介: 【React工作记录四十】对象的属性和值转换

导语

歌谣 歌谣 这边需要做一个必传项的一个必填验证  由于这边的话可以多个累加 再加上当前的话所有的绑定值用value没用getFieldDecorator赋值且用子组件封装




编辑


image.png


编辑


代码部分

paymentTypeList.map((item, index) => {
      if (!item.imgVoucher) {
        message.info('请上传付款凭证');
        flag = false;
        return;
      }
      if (!item.incomeTimeLong) {
        message.info('请选择进账时间');
        flag = false;
        return;
      }
      if (!item.incomeBank) {
        message.info('请输入进账银行');
        flag = false;
        return;
      }
      if (!item.payAmount) {
        message.info('请输入付款金额');
        flag = false;
        return;
      }
      if (!item.payerAccountNo) {
        message.info('请输入付款账号');
        flag = false;
        return;
      }
      if (!item.payerAccountName) {
        message.info('请输入付款户名');
        flag = false;
        return;
      }
      list.push({
        imgVoucher: item.imgVoucher,
        incomeBank: item.incomeBank,
        payAmount: item.payAmount,
        payerAccountName: item.payerAccountName,
        payerAccountNo: item.payerAccountNo,
        incomeTimeLong: item.incomeTimeLong,
        payerType: item.payerType,
        paymentModeType: item.paymentModeType,
      });
      realTotalAmount = item.payAmount + realTotalAmount;

总结

本文需要一定ant design基础的方能看懂 数组对象遍历对每个值进行非空验证 则问题解决

相关文章
|
2月前
|
前端开发 JavaScript API
第八章 react组件实例中三大属性之ref
第八章 react组件实例中三大属性之ref
|
2月前
|
前端开发 数据库
第七章 react组件实例中三大属性之props
第七章 react组件实例中三大属性之props
|
2月前
|
存储 前端开发 API
第六章 react组件实例中三大属性之State
第六章 react组件实例中三大属性之State
|
6天前
|
JavaScript 前端开发 算法
虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。
【6月更文挑战第27天】虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。当状态改变,React不直接修改DOM,而是先构建新的虚拟DOM树。通过 diff 算法比较新旧树,找到最小变更,仅更新必要部分,提高性能,避免频繁DOM操作。虚拟DOM还支持跨平台应用,如React Native。它优化了更新流程,简化开发,并提升了用户体验。
13 1
|
2月前
|
JavaScript
react+typescript通过window.xxx挂载属性报错的解决方案
react+typescript通过window.xxx挂载属性报错的解决方案
86 0
|
7天前
|
前端开发
React三大属性
React三大属性
10 0
|
2月前
|
前端开发
React 函数组件与类组件属性默认值
React 函数组件与类组件属性默认值
25 0
|
2月前
|
前端开发 JavaScript
react中的useState为什么是一个数组,而不是一个对象?
react中的useState为什么是一个数组,而不是一个对象?
66 0
|
2月前
|
前端开发
【React学习】—组件三大核心属性: state(七)
【React学习】—组件三大核心属性: state(七)
|
11月前
|
前端开发
前端学习笔记202305学习笔记第二十九天-React keep alive原理之2
前端学习笔记202305学习笔记第二十九天-React keep alive原理之2
47 0