react使用setstate注意的两点

Posted 2021-01-26 qingshanyici

1、this.state里的属性不修改，或是只修改一个，那么不修改的剩下的属性不会被变动。

this.state={
    name:"Aliece",
    age:19,
    msg:"未触发方法之前的信息。"
}

---
show=(arg1,arg2)=>{
    this.setState({
        msg:"利用show方法改变state里面msg的信息！但是只会修改msg，state里name和age不会改变！"
    })
}

2、关于其异步性，使用回调函数进行更新内容，也就是定义一个function，不过这个function我们称为毁掉函数。

this.state={
    name:"Aliece",
    age:19,
    msg:"未触发方法之前的信息。"
}

show={(arg1,arg2),function(){console.log(msg+"这里会是第二个msg的信息！")} }=>{
    this.setState({
        msg:"利用show方法改变state里面msg的信息！但是只会修改msg，state里name和age不会改变！"
    })
}