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的值