React修改react-immer只读数据

·小新

于 2023-04-11 10:48:34 发布

阅读量633

点赞数

文章标签： react.js 前端 javascript

本文链接：https://blog.csdn.net/q1054007919/article/details/130078413

版权

在尝试使用immer库修改state时遇到了一个错误：UncaughtTypeError:CannotassigntoreadonlypropertyisCheckofobject#<Object>。错误出现在尝试更新数组中某个对象的isCheck属性时。解决方案是确保在produce函数的draftState中进行修改，而不是直接操作原始数据。

摘要由CSDN通过智能技术生成

修改只读数据报错如下：

react报错Uncaught TypeError: Cannot assign to read only property 'isCheck' of object '#<Object>' at onChange

import produce from 'immer';

const [dataArr , setDataArr ] = useState(dataArr)//数组类型

//该函数操作的只是draftState，对immer源数据不收影响
const nextState = produce(dataArr, draftState => {
    for (let i = 0; i < dataArr.length; i++) {
        let listI = dataArr[i]
        if (listI.id === item.id) {
            draftState[i].isCheck = !item.isCheck;
        }
    }
});
setDataArr(nextState)

关注博主即可阅读全文