【React工作记录五十】react中?.的使用

简介: 【React工作记录五十】react中?.的使用

导语

歌谣 歌谣 ?.在前端中是什么语法呀




编辑


代码

<Col span={8}>
                所属行业:
                {baseInfo.industryList &&
                  baseInfo.industryList.map((item) => {
                    return item?.name;
                  })}
              </Col>



项目中?.使用

beneficiaryBankAccount: data?.beneficiaryBankAccount,
      beneficiaryOpeningBank: data?.beneficiaryOpeningBank,
      businessScope: data?.businessScope,
      clearingCorporation: data?.clearingCorporation,
      clearingCorporationCode: data?.clearingCorporationCode,
      secondPartyCode: data?.secondPartyCode,
      secondPartyName: data?.secondPartyName,





总结

判断对象中的属性是否存在 存在则继续执行 天下大事 必作于细





相关文章
|
前端开发 JavaScript 数据安全/隐私保护
React实现添加多行输入框(点击一行增加一行)
React中实现点击按钮动态添加多行输入框,通过维护一个状态数组并在每次点击时更新数组来控制输入框的增加,每行输入框对应数组中的一个对象。
256 1
|
消息中间件 弹性计算 网络安全
消息队列RocketMQ版:基础消息收发功能体验
本实验场景介绍消息队列RocketMQ版的基础消息收发功能,涵盖实例创建、Topic、Group资源创建以及消息收发体验等基础功能模块。
|
前端开发
React给antd中TreeSelect组件左侧加自定义图标icon
本文介绍了如何在React中为Ant Design的TreeSelect组件的每个树节点添加自定义图标,并解决了因缺少key属性而导致的警告问题,展示了如何通过递归函数处理treeData数据并为每个节点添加图标。
714 2
React给antd中TreeSelect组件左侧加自定义图标icon
|
消息中间件 存储 Kafka
RocketMQ 工作原理图解,看这篇就够了!
本文详细解析了 RocketMQ 的核心架构、消息领域模型、关键特性和应用场景,帮助深入理解消息中间件的工作原理。关注【mikechen的互联网架构】,10年+BAT架构经验倾囊相授。
RocketMQ 工作原理图解,看这篇就够了!
|
JavaScript 数据可视化 开发者
echart:里面的属性
这段内容介绍了图表配置中的多个关键组件和属性,包括 `xAxis` 和 `yAxis` 的常见属性设置、`grid` 的布局调整、`dataZoom` 的数据缩放功能、`legend` 的图例配置以及颜色配置等。通过这些配置,可以实现图表的自定义显示,如坐标轴类型、数据源、最小值、最大值、刻度间隔、标签样式、线条样式等,同时还能调整图表在 DOM 元素中的大小和位置,以及实现数据的缩放和平滑交互效果。
384 0
|
移动开发 前端开发 JavaScript
使用html-to-image代替html2canvas,结合jspdf实现下载pdf(下载截图下载前端dom元素)
本文介绍了在前端项目中,当使用`html2canvas`遇到问题时,如何使用`html-to-image`库作为替代方案,结合`jspdf`实现将DOM元素生成为PDF文件并提供下载。文章首先讨论了`html2canvas`可能遇到的问题,并提供了该库的使用示例代码。随后,详细介绍了`html-to-image`库的安装和使用方法,展示了如何将DOM元素转换为Canvas,再利用`jspdf`生成PDF文件。最后,文章通过示例代码说明了整个转换和下载的过程,并展示了效果截图。
1113 0
|
SQL NoSQL JavaScript
04 MongoDB各种查询操作 以及聚合操作总结
文章全面总结了MongoDB中的查询操作及聚合操作,包括基本查询、条件筛选、排序以及聚合管道的使用方法和实例。
2578 0
|
关系型数据库 MySQL Java
MySQL group by分组后,将每组所得到的id拼接起来
MySQL group by分组后,将每组所得到的id拼接起来
476 0
|
消息中间件 存储 负载均衡
一文总结 MetaQ/RocketMQ 原理
本文介绍的 MetaQ/RocketMQ 是侧重于维持消息一致性和高可靠性的消息队列中间件,帮助大家对队列设计的理解。
通用研发提效问题之女娲系统管理不同类型的数据源,如何解决
通用研发提效问题之女娲系统管理不同类型的数据源,如何解决