react中的setState

文章类型:React

发布者:admin

发布时间:2023-04-19

一:定义

1:用于更新组件状态的方法。它接受一个对象或一个函数作为参数,用来描述状态的变化

2:状态发生变化,会自动重新渲染组件,并将变化后的状态传递给组件的 render 方法

3:是异步的,不会立即更新组件状态

二:方式

1:对象

this.setState({count: this.state.count + 1});

2:函数,返回一个新的状态对象,保证了更新是基于之前的状态的,避免出现竞态条件

this.setState((prevState) => ({count: prevState.count + 1}));

三:总结

1:新状态不依赖于原状态 ===> 使用对象方式

2:新状态依赖于原状态 ===> 使用函数方式

3:需要在setState()执行后获取最新的状态数据,要在第二个callback函数中读取