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

奋斗吧
奋斗吧
擅长邻域:未填写

标签: 【React工作记录四十】对象的属性和值转换 JavaScript博客 51CTO博客

2023-05-11 18:24:16 159浏览

【React工作记录四十】对象的属性和值转换, 目录前言导语代码部分总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语歌谣歌谣这边需要做一个必传项的一个必填验证 由于这边的话可以多个累加再加上当前的话所有的绑定值用value没用get


 

目录

前言

导语

代码部分

总结


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

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

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

【React工作记录四十】对象的属性和值转换_赋值_02编辑

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

【React工作记录四十】对象的属性和值转换_赋值_04编辑

代码部分

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;

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

总结

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


好博客就要一起分享哦!分享海报

此处可发布评论

评论(0展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695