- 对象式: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 = () => { // 对象式的setState const {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> ) } }
react类式组件setState更新状态的两种方式
最新推荐文章于 2024-01-25 23:53:54 发布