如何更新数组元素的状态？

Question

我有一个以下格式的数组

constructor(){
    super();
    this.state = {
    details: [ 
      {
        id: 1,
        class: '10',
        section: 'A',
        subject: 'Social',
        name: 'abc'
      },
      { 
        id: 2,
        class: '8',
        section: 'C',
        subject: 'Social',
        name: 'abc'
      },
      {
      id: 3,
      class: '9',
      section: 'A',
      subject: 'Social',
      name: 'abc'
      } 
    ]
}

我想循环更新每个名称。如何更新状态。我正在尝试以下代码。

this.state.details.map((item, key) => {
    this.setState({
       details.key.name: 'trial'
    })      
})

Answer 1

您可以这样做。

 modifiedData = this.state.details.map((item, index) => { return { ...item, name: "trial" } })