useToggle

React 状态钩子,用于追踪布尔型值。

useBooleanuseToggle 的别称。

用法

  1. import {useToggle, useBoolean} from 'react-use';
  2. const Demo = () => {
  3. const [on, toggle] = useToggle(true);
  4. return (
  5. <div>
  6. <div>{on ? 'ON' : 'OFF'}</div>
  7. <button onClick={() => toggle()}>Toggle</button>
  8. <button onClick={() => toggle(true)}>set ON</button>
  9. <button onClick={() => toggle(false)}>set OFF</button>
  10. </div>
  11. );
  12. };