上手指南
Hooks 列表
后期规划
上手指南
Hooks 列表
后期规划
简体中文

useResetState

Tags:
State

一个类似于 React.useState 的 React Hook，但额外提供了一个 reset 函数，用来将状态重置为初始值。

场景

  • 状态初始化与重置场景： 允许在组件生命周期内重置状态至初始值
  • 交互元素状态管理： 用于得分、步数等需要可重置的状态管理
  • ...

演示

源码
State:
0
Initial State:
0

用法

const [name, setName, resetName, initialName] = useResetState('张三') // 修改状态 setName('李四') // 重置状态为初始值 resetName() // 重置状态为指定值，并同时修改初始值为指定值 resetName('王五') console.log(name, initialName) // 王五, 王五

源码

点击下方链接跳转 GitHub 查看源代码。

🪝 Hook🎨 Demo📄 Document

API

const [state, setState, reset, initialState] = useResetState(initialState, options)

初始状态 InitialState

状态的初始值。

选项 Options

有关更多详情，请参见 useSafeState#options。

返回值

type UseResetStateReturns = readonly [T, ReactSetState<T>, (initialState?: T) => void, T]

有关更多详情，请参见 useSafeState#returns。