javascript - React : In state, 我如何更新某个索引处的嵌套对象？

Question

如何使用 setState 更新单个事件的值？也很高兴看到它是如何在 React 之外完成的。

state = {events: [{
  event1:{
    name: 'Name 1',
    id: 1,
  },
},{
  event2:{
    name: 'Name 2',
    id: 2,
  },
},{
  event3:{
    name: 'Name 3',
    id: 3,
  },
}]}

Answer 1

您可以使用Array.map方法来做到这一点:

renameEvent(idToRename, newName) {
  this.setState(prevState => ({
    events: prevState.events.map(event => {
      if (event.id === idToRename) {
        return {...event, name: newName};
      } else {
        return event;
      }
    });
  })); 
}