你知道关于setState的问题是什么吗？

文章结构概览

• 前言
  • • 为何需要采用setState?
    • setState是否具备'异步'特性
    • • 案例一：在生命周期函数中进行调用
      • 案例二：在合成事件处理过程中进行调用
      • 案例三：在setTimeout函数内部进行调用
      • 案例四：在原生事件触发时进行调用
      • 总结：

前言

在初次接触react框架时，开发者通常会频繁调用setState来更新组件状态。鉴于其使用频率较高，有必要深入探讨：为何需要采用setState？该方法是否具备异步特性？本文将针对上述两个疑问进行详细阐述。

为什么要使用setState?

以下是一个简单的setState使用示例：
这是一个相对基础的案例，通过点击按钮操作可以实现对state内msg字段值的修改。

    import React, { Component } from 'react'
    
    export class App extends Component {
    state = {
        msg: 'hello world'
    }
    render() {
        return (
            <div>App