React Hooks系列之useState

共计 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 两个字段。展示了如何初始化表单数据，和更新对应的字段