React Hooks系列之useState

5次阅读

共计 293 个字符,预计需要花费 1 分钟才能阅读完成。

在 React Hooks 出现之前,组件添加 state,只能在 class 中完成。
class 方式

React 16.7 alpha 之后,可以在 function 组件中创建 state 了,不用再每次都需要创建一个 class component,更加函数式了。
useState 方式

不同场景下,应该如何使用 useState

场景 1:隐藏 / 显示一个组件

场景 2:根据上一个 state 更新 statesetSteps 方法中第一个参数是 prevState

场景 3:state 是一个数组值

场景 4:state 是一个对象下边是一个表单,表单中有 username, password 两个字段。展示了如何初始化表单数据,和更新对应的字段

正文完
 0