如何在 ReactJs 的 setState 方法中訪問數組的特定索引？

Question

例如，如果一個狀態是這樣的

state={
   reports:[{name:'nadib',age:23},{name:'nadib2',age:24}]
}

如何使用 setState 方法將nadib2更改為 john？

Answer 1

您可以使用functional setState語法並使用map創建副本以防止當前狀態的突變。

然后在循環內，如果您不想修改，則返回原始對象。 對於您需要修改的對象，您可以使用三元運算符找到它並復制所有現有鍵，可選擇修改其他鍵，如圖所示。

this.setState(prevState => {
   return { 
            reports : prevState.reports.map(item => 
                       item.name === 'nadib2' ? ({...item, name: 'john'}) : item) 
          };
});