react里做一个修改效果_React修改数组对象中的某一个属性值

一般我们会把Controller(控制器)里面的数据经过处理给到View(视图)层做显现,这种简单的赋值方式如下

this.setSate({

toList: response.data

})

Vue的实现如下

this.todoList = response.data;

比如这是后台传递给我们的数据，

我们想要更改数组对象的其中一项`name`属性值该如何实现呢？

state = {//类似于Vue里面的data()

todoList: [

{

img: "xxx",

name: "小飞",

},

{

img: "xxx",

name: "小候",

},

]

};

我们先来看一下在vue中如何实现

this.todoList[0].name = "Jony";

//或者

this.$set(this.todoList[0],"name","Jony");

哇~其实比较简单，那么在React中如何实现呢？

想象中是这样的...

this.setState({

todoList[0].name:"Jony"

})

//这样报错了，立马想到另一种方式

let obj = {

img:"xxx",

na