logo

该视频仅会员有权观看

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

¥
199
/ 年
订阅后全站课程均可学习
React.js 前端应用开发实践

React.js 前端应用开发实践

useState Hook 的懒初始状态与函数式更新状态

ReReact.js 前端应用开发实践
  • React函数式组件中使用useState Hook可以提供默认状态值，并在每次渲染后设置该初始值。
  • 若计算初始值资源消耗大，可使用lazy初始化，仅首次渲染时设置状态初始值。
  • 通过传递函数给useState，该函数返回初始值，并验证只在首次渲染时执行输出。
  • 当状态更新依赖前一个状态时，可使用函数式更新，传递一个函数参数给状态更新方法，如onClick事件中，避免直接引用当前状态值，确保更新独立于当前状态值。