当前位置: 首页 > news >正文

React多层级对象改变值--immer

@reduxjs/toolkit底层就是immer,,,所以在使用redux的时候,直接赋值,就会响应式的数据
如果不使用@reduxjs/toolkit,可以自己使用immer来实现

  1. 安装immer
npm install immer
  1. 引入produce函数,,produce回返回一个新的对象
import {produce} from "immer"


  function changeStudentName(){
    console.log("click 1111")
    // produce会返回一个新的不可变的对象
    setStudent(produce(student,(draft)=>{
      draft.name ="wtf"
    }))
  }

相关文章:

  • 网络命令控制ESP32管脚打开
  • ArkUI-List组件
  • 开发中常用的设计模式 用法及注意事项
  • langserve搭建方法
  • 51c自动驾驶~合集26
  • 如何在 Vue 项目中使用混入(Mixin),它有哪些优缺点?
  • docker 内 pytorch cuda 不可用
  • 基于虚拟知识图谱的语义化决策引擎
  • 算法设计——最坏时间复杂度分析
  • 【算法】十大排序算法(含时间复杂度、核心思想)
  • langfuse追踪Trace
  • 数据结构与算法--数字转字符串方法数
  • 数据结构之栈(C语言)
  • RabbitMQ实现路由模式发送接收消息
  • “零拷贝”(Zero-Copy)技术详解以及使用场景
  • 内网渗透-端口转发
  • 【NLP 40、文本生成任务】
  • 【AI大模型】搭建本地大模型GPT-NeoX:详细步骤及常见问题处理
  • 通往自主智能之路:探索自我成长的AI
  • 图像处理全流程指南(OpenCV 实现)
  • 万科再获深铁集团借款,今年已累计获股东借款近120亿元
  • 商人运作亿元“茅台酒庞氏骗局”,俩客户自认受害人不服“从犯”判决提申诉
  • 中国巴西民间推动建立经第三方验证的“森林友好型”牛肉供应链
  • 四部门:到2025年底,全国行政村5G通达率超过90%
  • 海北州委常委、常务副州长桑本履新青海省供销社理事会主任
  • 韩国总统选战打响:7人角逐李在明领跑,执政党临阵换将陷入分裂