useToggle

在两个值之间切换的 Hook

代码演示

基本用法

state：0

Live Editor

Copy

function Example() { const [state, toggle] = useToggle(0, 1) return ( <div> <p>state：{ state }</p> <Button onClick={() => toggle()} > Toggle </Button> </div> ) }

function Example() {
  const [state, toggle] = useToggle(0, 1)
  return (
    <div>
      <p>state：{ state }</p>
      <Button
        onClick={() => toggle()}
      >
        Toggle
      </Button>
    </div>
  )
}

API

type UseToggle = <T extends any = boolean, K extends any = boolean>(defaultValue: T = false as T, reverseValue: K = true as K): [T | K, (nextValue?: T | K) => void]