使用 setstate 改变状态

Question

constructor(props){
   super(props);
   this.state = {
   option:[
      {first:1,id:1}
      {first:2,id:2},
     {first:3,id:3}
]
}

如何通过 setstate 更改选项状态第二个元素的值，即 first:2。 任何帮助将不胜感激？

Answer 1

使用.map() 更新数组中的对象而不改变状态。

this.setState(prevState => ({
  option: prevState.option.map(op => ( op.first == 2 ? { ...op, first:4 } : op ))
}));

这会将first:2 更新为first:4。