面试题:React中setState
发布日期:2021-06-30 15:49:29 浏览次数:3 分类:技术文章

本文共 1201 字,大约阅读时间需要 4 分钟。

1、setState是异步操作

2、在同一个地方使用setState, 会合并去取最后一次

3、 验证代码

import React from 'react'export default class Like012 extends React.Component{
constructor(props){
super(props); this.state = {
count: 0 } } componentDidMount() {
/* setState是异步的, 1) 在同一个地方使用setState, 会合并去取最后一次 */ /* this.setState({ count: this.state.count + 1 }); this.setState({ count: this.state.count + 2 }); this.setState({ count: this.state.count + 3 }); this.setState({ count: this.state.count + 4 }); */ this.setState({
count: this.state.count + 1 }, ()=>{
console.log(this.state.count); }); this.setState((prevState, prevProps)=>({
count: prevState.count + 2 })); this.setState((prevState, prevProps)=>({
count: prevState.count + 3 })); console.log(this.state.count); } render() {
const {
count} = this.state; return (
{
count}
) }}

转载地址:https://kaisarh.blog.csdn.net/article/details/111566109 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:SQL:MySQL中建立一个新的数据表
下一篇:面试题:React实现鼠标托转文字绕原点旋转

发表评论

最新留言

网站不错 人气很旺了 加油
[***.192.178.218]2024年05月04日 00时14分01秒