react-use/docs/useToggle.md
Pavel Ivanoff 5a6da18e8a feat: 🎸 change API for useToggle hook (#16)
It's better option to decrease useToggle params destruction and keep flexibility

BREAKING CHANGE: useToggle interface changed
2018-10-28 22:24:48 +01:00

439 B

useToggle

React state hook that tracks value of a boolean.

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>
  );
};