新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
react中如何改變state的值-創(chuàng)新互聯(lián)
這篇文章主要介紹react中如何改變state的值,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!
react中改變state值的方法:首先打開相應(yīng)的react代碼文件;然后使用React提供的“this.setState({鍵名:值})”方法來進(jìn)行修改state的值即可。
react中改變state的值
import React from 'react' export default class ClickS extends React.Component { constructor () { super() this.state= { msg: '123' } } render () { return} show () { console.log(this) this.setState({ msg: '222' }) } }{this.state.msg}
也可以這么寫
show () { console.log(this) this.setState({ msg: '222' }, () => { console.log(this.state.msg) // 更新后的值222 }) console.log(this.state.msg) // 123 }
注意:
在React中想為state中的數(shù)據(jù)重新賦值,不要使用this.state.xxx = 值。應(yīng)該使用React提供的this.setState({鍵名:值})來進(jìn)行修改。
如果this.state有多個值,而只對其中一個進(jìn)行修改,并不會影響其他的值。應(yīng)setState只會把對應(yīng)state狀態(tài)值更新,而不會覆蓋其他的state狀態(tài)值。
同時,this.setState方法的執(zhí)行是異步的。所以想要獲取新的狀態(tài)值。需要通過回調(diào)函數(shù)。
以上是“react中如何改變state的值”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
文章題目:react中如何改變state的值-創(chuàng)新互聯(lián)
標(biāo)題路徑:http://www.ef60e0e.cn/article/ddjoii.html