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函数中读取