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"
    }))
  }
相关推荐
只愿云淡风清9 分钟前
ECharts地图数据压缩-ZigZag算法
前端·javascript·echarts
亿元程序员17 分钟前
都2025年了,还有面试问A*寻路的???
前端
Moment17 分钟前
Node.js v25.0.0 发布——性能、Web 标准与安全性全面升级 🚀🚀🚀
前端·javascript·后端
杨超越luckly22 分钟前
HTML应用指南:利用POST请求获取中国一汽红旗门店位置信息
前端·arcgis·html·数据可视化·门店数据
专注前端30年27 分钟前
【JavaScript】every 方法的详解与实战
开发语言·前端·javascript
速易达网络29 分钟前
Java Web登录系统实现(不使用开发工具)
java·开发语言·前端
IT_陈寒32 分钟前
Vite 3.0 性能优化实战:5个技巧让你的构建速度提升200% 🚀
前端·人工智能·后端
金士顿34 分钟前
EC-Engineer SDK 核心 API 使用指南
前端
景彡先生1 小时前
Python基础语法规范详解:缩进、注释与代码可读性
开发语言·前端·python