【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基础的方能看懂 数组对象遍历对每个值进行非空验证 则问题解决

相关文章
|
6月前
|
前端开发 JavaScript API
第八章 react组件实例中三大属性之ref
第八章 react组件实例中三大属性之ref
|
6月前
|
前端开发 数据库
第七章 react组件实例中三大属性之props
第七章 react组件实例中三大属性之props
|
2月前
|
前端开发
React属性之context属性
React中的Context属性用于跨组件传递数据,通过Provider和Consumer组件实现数据的提供和消费。
34 3
|
27天前
|
前端开发 JavaScript API
React将组件作为属性传递的最佳实践
本文探讨了在React中将组件作为属性传递的三种常见方式:作为元素传递、作为组件传递、作为函数传递。通过构建带图标的按钮组件,对比分析了每种方式的优缺点,最终推荐将组件作为函数传递,因为它提供了更好的可控性、灵活性和可扩展性。
31 0
|
2月前
|
JSON 前端开发 中间件
React读取properties配置文件转化为json对象并使用在url地址中
本文介绍了如何在React项目中读取properties配置文件,将其内容转化为JSON对象,并在请求URL地址时使用这些配置。文章详细说明了异步读取文件、处理字符串转换为JSON对象的过程,并提供了一个封装函数,用于在发起请求前动态生成配置化的URL地址。
60 1
|
2月前
|
前端开发 JavaScript
React 中的 props 属性传递技巧
【9月更文挑战第6天】本文详细介绍了React中`props`的基本用法,包括传递基本数据类型、对象和数组。文章通过多个代码示例展示了如何正确使用`props`,并探讨了常见的问题及解决方法,如`props`不可变性、默认值设置及类型检查等。正确掌握这些技巧有助于提升编程效率,编写出更健壮的代码。
56 13
|
6月前
|
存储 前端开发 API
第六章 react组件实例中三大属性之State
第六章 react组件实例中三大属性之State
|
2月前
|
前端开发
React使用hooks遇到的坑_state中的某几个属性数据变成了空字符
本文讨论了在React使用hooks时遇到的一个问题:state中的某些属性数据变成了空字符。作者通过在修改函数中重新解构赋值来获取最新的state值,解决了因数据更新不及时导致的问题。
55 0
|
3月前
|
JavaScript 前端开发 容器
React组件属性refs(七)
【8月更文挑战第14天】React组件属性refs(七)
49 0
React组件属性refs(七)
|
3月前
|
前端开发 JavaScript