已解决
react类式组件setState更新状态的两种方式
来自网友在路上 172872提问 提问时间：2023-11-09 16:18:27阅读次数： 72
最佳答案 问答题库728位专家为你答疑解惑
- 对象式：setState(stateChange,[callback]) — 新状态不依赖原状态时使用
setChange为状态改变对象；callback是可选的回调函数，它在状态更新完毕，界面也更新后才被调用。 - 函数式：setState(updater,[callback]) — 新状态依赖原状态时使用
updater为返回stateChange对象的函数，updater可以接收到state和props；callback是可选的回调函数，它在状态更新，界面也更新后才被调用。 - 对象式的setState是函数式setState的语法糖
import React, { Component } from 'react'export default class setState extends Component {state = {count:0}add = () => {// 对象式的setStateconst {count} = this.state;this.setState({count:count+1},()=>{console.log(this.state.count);});// 函数式的setState// this.setState((state)=>({count:state.count+1}))}render() {return (<div><h5>和：{this.state.count}</h5><button onClick={this.add} >点我+1</button></div>)}}
查看全文
99%的人还看了
相似问题
猜你感兴趣
版权申明
本文"react类式组件setState更新状态的两种方式"：http://eshow365.cn/6-36348-0.html 内容来自互联网，请自行判断内容的正确性。如有侵权请联系我们，立即删除！
- 上一篇: Spring Gateway基础知识总结
- 下一篇: Linq-to-SQL的性能优化