react中如何改变state的值

这篇文章主要介绍react中如何改变state的值,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联公司专注于海棠企业网站建设,响应式网站开发,商城系统网站开发。海棠网站建设公司,为海棠等地区提供建站服务。全流程按需定制网站,专业设计,全程项目跟踪,成都创新互联公司专业和态度为您提供的服务

react中改变state值的方法:首先打开相应的react代码文件;然后使用React提供的“this.setState({键名:值})”方法来进行修改state的值即可。

react中改变state的值

import React from 'react'
 
export default  class ClickS extends React.Component {
  constructor () {
    super()
    this.state= {
      msg: '123'
    }
  }
  render () {
    return 
      this.show()}>按钮       

{this.state.msg}

    
  }   show () {     console.log(this)     this.setState({       msg: '222'     })   } }

react中如何改变state的值

也可以这么写

按钮
show () {
  console.log(this)
  this.setState({
    msg: '222'
  }, () => {
    console.log(this.state.msg) // 更新后的值222
  })
  console.log(this.state.msg) // 123
}

react中如何改变state的值

注意:

在React中想为state中的数据重新赋值,不要使用this.state.xxx = 值。应该使用React提供的this.setState({键名:值})来进行修改。

如果this.state有多个值,而只对其中一个进行修改,并不会影响其他的值。应setState只会把对应state状态值更新,而不会覆盖其他的state状态值。

react中如何改变state的值

同时,this.setState方法的执行是异步的。所以想要获取最新的状态值。需要通过回调函数。

以上是“react中如何改变state的值”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


分享标题:react中如何改变state的值
链接地址:http://bzwzjz.com/article/geeods.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 定制网站建设 泸州网站建设 成都网站制作 企业网站设计 重庆网站建设 成都网站设计 成都企业网站制作 重庆手机网站建设 达州网站设计 企业网站设计 营销网站建设 网站设计 成都网站建设 教育网站设计方案 外贸网站建设 企业网站设计 响应式网站设计 成都网站制作 成都商城网站建设 定制网站制作 网站建设方案 成都模版网站建设