react 修改state为对象中的某一个属性值

news/2024/7/19 13:19:15 标签: react, state 为对象, 修改state, antd, js

针对state为对象,想要修改对象中某一个值而不修改其他值,请欣赏接下来的方法
以前写法
1.设置state对象

state={
 datavalue:{
      slid:'',
      name:'',
      memo:'',
      version:'',
      icon:defaultimg,
      loginlink:'',
      key:'',
      support_game:[],
      noticelink:'',
      contact:{key:-1,label:''},
      group:{key:'',label:''},
     },
     }

2 修改state对象

SetName=(e)=>{
      let val=e.target.value;
   let data = Object.assign({}, this.state.datavalue, { name: val })
      this.setState({
        datavalue: data
      })
      console.log(this.state.datavalue,data)
     }

React17版本写法:
1.设置state对象

[datavalue,setDatavalue]=useState({
      slid:'',
      name:'',
      memo:'',
      version:'',
      icon:defaultimg,
      loginlink:'',
      key:'',
      support_game:[],
      noticelink:'',
      contact:{key:-1,label:''},
      group:{key:'',label:''},
})

2 修改state对象

  let data = Object.assign({}, this.state.datavalue, { name: val })
  setDatavalue(data);//更新数据
   console.log(this.state.datavalue,data)


http://www.niftyadmin.cn/n/1409520.html

相关文章

python找到字符中空格所在的位置_Python查找字符在字符串中出现的所有位置

题目出自PTA python编程题3-3 输出字母在字符串中位置索引: 题目:输入一个字符串,再输入两个字符,求这两个字符在字符串中的索引。 输入格式: 第一行输入字符串 第二行输入两个字符,用空格分开。 输出格式: 反向输出字…

ehCache详解

Ehcache中不仅可以用配置文件来配置缓存,而在代码中也可以实现同样的功能。 CacheManager singletonManager CacheManager.create(); Cache memoryOnlyCache new Cache(“testCache”, 50000, false, false, 8, 2); Cache test singletonManager.getCache(“t…

react Antd中使用Tabs组件点击头部,只更新一次问题

在使用tabs使用子模块中数据请求只执行第一次点击该头部时候,后面多次返回之后执行数据无效等问题 可以通过ref对子模块方法进行调用 MenuTab(e)>{console.log(e);this.setState({tabDeafult:e})window.sessionStorage.setItem("rid",e);setTimeout(() > {th…

redis 哨兵_Spring集成Redis哨兵配置

什么是哨兵Sentinel(哨兵)是用于监控Redis集群中Master状态工具,可以监视一个或者多个redis master服务,以及这些master服务的所有从服务;当某个master服务宕机后,会把这个master下的某个服务升级为master来…

TortoiseGit自动记住用户名密码的方法

windows下比较比较好用的git客户端有2种: 1. msysgit TortoiseGit(乌龟git) 2. GitHub for Windows github的windows版也用过一段时间,但还是不太习惯。所以目前仍然青睐与msysgit乌龟git的组合。 TortoiseGit在提交时总数会提示你输入用户名密码&#…

react antd 自定义Pagination 分页功能

antd 自定义Pagination 分页功能,研究明白其实看着很简单 主要就是slice((pagenum-1)*pageSize,(pagenum-1)*pageSizepageSize) {objlistdata.slice((pagenum-1)*pageSize,(pagenum-1)*pageSizepageSize).map((item,index)>{return(<ContentList data{item.data} key{ite…

java 如何检测内在泄漏呢

1、为什么会发生内存泄漏 java 如何检测内在泄漏呢&#xff1f;我们需要一些工具进行检测&#xff0c;并发现内存泄漏问题&#xff0c;不然很容易发生down机问题。 编写java程序最为方便的地方就是我们不需要管理内存的分配和释放&#xff0c;一切由jvm来进行处理&#xff0c;当…

大型语言模型与知识图谱协同研究综述:两大技术优势互补

机器之心报道 编辑&#xff1a;杜伟 多图综述理清当前研究现状&#xff0c;这篇 29 页的论文值得一读。 大型语言模型&#xff08;LLM&#xff09;已经很强了&#xff0c;但还可以更强。通过结合知识图谱&#xff0c;LLM 有望解决缺乏事实知识、幻觉和可解释性等诸多问题&am…