![](/img/trans.png)
[英]ReactJs TypeError: Cannot assign to read only property 'name' of object '#<Object>'
[英]ReactJs - TypeError: Cannot assign to read only property 'name' of object '#<Object>'
我有一个对象数组:
var subcategories = [{name:'gloves', tag:'wool'}, {name:'boots', tag: 'leather'}]
我只想找到 object 的索引来更改名称或标签。 我用这个 function:
function setSubcat(val, index, lang){
var newArr = []
var obj = {
'name': val
}
subcategories.map((val, i)=>{
if(index === i){
var newObj = Object.assign(val, obj)
newArr.push(newObj)
}
newArr.push(val)
})
setSubcategories(newArr)
}
错误发生在var newObj = Object.assign(val, obj)
我认为这个错误意味着我不能直接改变 state,所以我必须复制一份。 我认为通过subcategories
映射并将其推送到本地newArr
意味着我制作了数组的副本。 但是当我想在其中更改 object 的值时它不起作用,所以我使用了 Object.assign,我认为它会从数组中深度复制特定的 object,但它也不起作用。
我在这里错过了什么?
正如评论中指出的那样:
map
functioninterface TaggedItem {
name: string,
tag: string
}
var subcategories = [{name:'gloves', tag:'wool'}, {name:'boots', tag: 'leather'}];
function setSubcat(val: string, index: number, _lang: any){
var obj: Partial<TaggedItem> = {
'name': val
}
var newArr: TaggedItem[] = subcategories.map((val, i)=>{
if(index === i){
return {
...val,
...obj
}
} else {
return {...val};
// or return val; if you don't need a full copy
}
})
console.log(newArr);
}
setSubcat('newName', 0, undefined);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.