usehooks-ts-demo/pages/use/boolean.tsx
2023-08-21 17:11:33 +08:00

21 lines
626 B
TypeScript

import { useBoolean } from "usehooks-ts";
export default function Boolean() {
const { value, setValue, setTrue, setFalse, toggle } = useBoolean(false)
// Just an example to use "setValue"
const customToggle = () => setValue((x: boolean) => !x)
return (
<>
<p>
Value is <code>{value.toString()}</code>
</p>
<button onClick={setTrue}>set true</button>
<button onClick={setFalse}>set false</button>
<button onClick={toggle}>toggle</button>
<button onClick={customToggle}>custom toggle</button>
</>
)
}