【React工作记录四十七】react的对象属性替换处理

简介: 【React工作记录四十七】react的对象属性替换处理

导语

歌谣 歌谣 我这边获取到了一个对象 但是要对属性的值进行处理替换怎么做 对象的属性值在默认处理的时候有同样属性可被替换




编辑


代码部分

values:{
    gmtCreateLong:xxxx
}



const cacheParams = {
      ...values,
      gmtCreateLong: values?.gmtCreateLong 
&& new Date(values.gmtCreateLong).getTime(),
    };


简单演示

const=b:{
a:100
}
b.a=200,
console.log(b)




输出的结果为b:{a:200}


总结

要点1 ?.对象下面有该属性再执行


要点2 直接给属性值默认会替换 new Date(values.gmtCreateLong).getTime()对值进行处理


则数据处理完成


对象在内存中所分配的地址。

引用传递时,所有有引用该对象进行修改时,都是修改同一个内存地址。

所以一旦修改,每个调用的地方,其数值都会改变。



相关文章
|
前端开发 JavaScript API
第八章 react组件实例中三大属性之ref
第八章 react组件实例中三大属性之ref
212 0
|
前端开发 数据库
第七章 react组件实例中三大属性之props
第七章 react组件实例中三大属性之props
217 0
|
存储 前端开发
在React框架中,如何使用对象来管理组件的状态
在React中,组件状态通过`state`对象管理,利用`setState`方法更新状态。状态变化触发组件重新渲染,实现UI动态更新。对象结构清晰,便于复杂状态管理。
|
JavaScript
react+typescript通过window.xxx挂载属性报错的解决方案
react+typescript通过window.xxx挂载属性报错的解决方案
639 0
|
前端开发 JavaScript
React 中的 props 属性传递技巧
【9月更文挑战第6天】本文详细介绍了React中`props`的基本用法,包括传递基本数据类型、对象和数组。文章通过多个代码示例展示了如何正确使用`props`,并探讨了常见的问题及解决方法,如`props`不可变性、默认值设置及类型检查等。正确掌握这些技巧有助于提升编程效率,编写出更健壮的代码。
321 16
|
前端开发
React属性之context属性
React中的Context属性用于跨组件传递数据,通过Provider和Consumer组件实现数据的提供和消费。
164 3
|
JSON 前端开发 中间件
React读取properties配置文件转化为json对象并使用在url地址中
本文介绍了如何在React项目中读取properties配置文件,将其内容转化为JSON对象,并在请求URL地址时使用这些配置。文章详细说明了异步读取文件、处理字符串转换为JSON对象的过程,并提供了一个封装函数,用于在发起请求前动态生成配置化的URL地址。
408 1
|
前端开发 JavaScript API
React将组件作为属性传递的最佳实践
本文探讨了在React中将组件作为属性传递的三种常见方式:作为元素传递、作为组件传递、作为函数传递。通过构建带图标的按钮组件,对比分析了每种方式的优缺点,最终推荐将组件作为函数传递,因为它提供了更好的可控性、灵活性和可扩展性。
208 0
|
前端开发 JavaScript
|
JavaScript 前端开发 容器
React组件属性refs(七)
【8月更文挑战第14天】React组件属性refs(七)
189 0
React组件属性refs(七)