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"
    }))
  }
相关推荐
GISer_Jing11 小时前
Claude Code插件系统全解析
前端·人工智能·ai·架构
小茴香35311 小时前
Vue3路由权限动态管理
前端·前端框架·vue3
RANxy12 小时前
零基础全栈 React 入门(四):React Router 路由配置
前端·react.js
触底反弹12 小时前
给 Claude 装上 27 个「外挂」后,我直接起飞了!
人工智能·react.js
KaMeidebaby12 小时前
卡梅德生物技术快报|peg 修饰调控 MXene/WS2 异质结,氨气传感器制备与机理研究
大数据·前端·人工智能·架构·spark·新浪微博
lichenyang45312 小时前
鸿蒙实战:安全高度 · 输入框贴键盘弹起 · Tab 底部导航全解
前端
前端毕业班12 小时前
uni-app 小程序样式隔离实践指南和原理分析
前端·javascript·vue.js
JarvanMo12 小时前
Flutter 鸿蒙化迎来"大搬家"
前端
吃口巧乐兹12 小时前
热加载与插件热插拔:Debug 模式 × E-Spi × H-Spi 全解析
javascript
龙佚12 小时前
抖动缓冲与播放控制:平滑播放的艺术
前端·架构