首页 > 解决方案 > 如何更新数组元素的状态?

问题描述

我有以下格式的数组

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'
    })      
})

标签: react-native

解决方案


你可以这样做。

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

推荐阅读