认识useState

118 阅读1分钟

useState是什么

useState 相当于类组件的 setState,用于管理组件内的状态。一个函数组件可以有多个 useState,这使得我们可以将独立的状态分开管理,逻辑更清晰,更方便维护。useState 的本质是一个可以保存状态,并且可以收集依赖,等到下次再执行的时候,根据依赖重新获取更新之后的状态的函数

首先useState有两种初始化的方式

image.png

根据要求来决定使用哪种方法

useState全是异步操作所以初次使用时会有误区

image.png 在点击事件中我们打印的永远是上一次的值所以我们需要用到回调函数来帮助我们拿到最新的值

image.png 我们返回的v就是我们想拿到的最新值

在点击事件中多次触发相同的setX(x + 1)也只会执行最后一次

image.png