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

@reduxjs/toolkit底层就是immer,,,所以在使用redux的时候,直接赋值,就会响应式的数据

如果不使用@reduxjs/toolkit,可以自己使用immer来实现

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


  function changeStudentName(){
    console.log("click 1111")
    // produce会返回一个新的不可变的对象
    setStudent(produce(student,(draft)=>{
      draft.name ="wtf"
    }))
  }
相关推荐
_十六1 分钟前
TS 的 unknown 与 any:安全与灵活的平衡点
前端·typescript
三小河9 分钟前
tailwindcss @4和@3版本项目引入,及自定义配置
前端·javascript·vue.js
雪球工程师团队10 分钟前
用一句话完成回归测试——多模态大模型与Prompt工程在前端自动化中的融合探索
前端·架构·测试
关山月16 分钟前
React 中的静态渲染 SSG
前端
SuperherRo26 分钟前
Web开发-JS应用&微信小程序&源码架构&编译预览&逆向调试&嵌套资产&代码审计
前端·javascript·微信小程序·源码·逆向
关二哥拉二胡28 分钟前
Cursor Max:从“代码神器”到“账单刺客”——开发者成本控制指南
前端·javascript
就改了29 分钟前
Java进阶——Lombok的使用
java·服务器·前端
故事与他64533 分钟前
电子文档安全管理系统V6.0接口backup存在任意文件下载漏洞
java·开发语言·前端·javascript·安全·网络安全
噶琪41 分钟前
理解《CSS世界》盒模型、流、布局
前端·css
小陆猿1 小时前
前端面试 - 如何理解 防抖和节流?
javascript·面试·前端框架