logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

useState:在函数式组件里使用状态

  • React的useState hook允许在函数式组件中使用state。
  • useState生成一个具有初始值的state,并返回一个包含当前状态和更新该状态的函数的数组。
  • 可以给状态起任意名字,例如emotion,并通过解构赋值获取。
  • 示例中通过useState创建emotion状态,初始为表情符号。
  • 一个按钮用来切换emotion值,点击时通过更新函数改变状态。
  • 还演示了如何使用useState创建另一个状态quantity,表示数量,并提供增加和减少数量的按钮。
  • 浏览器中可以看到状态值随点击按钮实时更新,说明组件在状态变化后重新渲染。