#yyds干货盘点# 【React工作记录三十八】对象的属性和值转换

简介: #yyds干货盘点# 【React工作记录三十八】对象的属性和值转换

前言


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


导语


歌谣 歌谣 这边封装了一个组件 组件里面传入的值必须有一个固定格式belongListData

         ? belongListData?.belongList 必须是个belongList


图片.png

解决思路


if (
      belongListData.hasOwnProperty('inCustomerBelongList') 
||
      belongListData.hasOwnProperty('outCustomerBelongList')
    ) {
      belongListData.belongList =
        belongListData.inCustomerBelongList 
|| belongListData.outCustomerBelongList;
    }


解决思路


常规可能需要组件进行复制 进行处理操作 直接在数据传入的时候就对于属性进行判断 则问题可以成功解决~




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