ReactJs-TypeError：无法分配为只读对象“＃<Object>”的属性“ name”

如何解决ReactJs-TypeError：无法分配为只读对象“＃<Object>”的属性“ name”

我有一个对象数组：

var subcategories = [{name:'gloves',tag:'wool'},{name:'boots',tag: 'leather'}]

我要做的就是找到对象的索引以更改名称或标签。我使用此功能：

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)

我认为该错误意味着我无法直接更改状态，因此必须进行复制。我认为通过subcategories映射并将其推入本地newArr意味着我制作了该数组的副本。但是当我想更改其中的对象值时它不起作用，所以我使用了Object.assign，我认为这会从数组中深度复制特定的对象，但它也不起作用。

我在这里想念什么？

解决方法

评论中指出：

• 您发布的代码未显示您如何创建属性不可修改的对象
• 您可以创建一个新对象，而不使用Object.assign消除错误
• 以更惯用的方式使用map函数

interface 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',undefined);

Playground link