Skip to content

Files

Latest commit

b1fc6a7 Β· Oct 7, 2019

History

History
24 lines (18 loc) Β· 473 Bytes

useToggle.md

File metadata and controls

24 lines (18 loc) Β· 473 Bytes

useToggle

React state hook that tracks value of a boolean.

useBoolean is an alias for useToggle.

Usage

import {useToggle} from 'react-use';

const Demo = () => {
  const [on, toggle] = useToggle(true);

  return (
    <div>
      <div>{on ? 'ON' : 'OFF'}</div>
      <button onClick={toggle}>Toggle</button>
      <button onClick={() => toggle(true)}>set ON</button>
      <button onClick={() => toggle(false)}>set OFF</button>
    </div>
  );
};