這篇文章主要介紹react中如何改變state的值，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯公司專注于海棠企業(yè)網站建設,響應式網站開發(fā),商城系統(tǒng)網站開發(fā)。海棠網站建設公司,為海棠等地區(qū)提供建站服務。全流程按需定制網站，專業(yè)設計，全程項目跟蹤，成都創(chuàng)新互聯公司專業(yè)和態(tài)度為您提供的服務

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'
    })
  }
}

也可以這么寫

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

注意：

在React中想為state中的數據重新賦值，不要使用this.state.xxx = 值。應該使用React提供的this.setState({鍵名:值})來進行修改。

如果this.state有多個值，而只對其中一個進行修改，并不會影響其他的值。應setState只會把對應state狀態(tài)值更新，而不會覆蓋其他的state狀態(tài)值。

同時，this.setState方法的執(zhí)行是異步的。所以想要獲取最新的狀態(tài)值。需要通過回調函數。

以上是“react中如何改變state的值”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道！