homepage

Brown Markup Library

useToggle


TypeScript

import { useState, useCallback } from 'react';

export default function useToggle(initialValue = false) { const [value, setValue] = React.useState<boolean>(initialValue); const toggle = useCallback(() => { setValue((v: boolean) => !v); }, []); return [value, toggle]; }

JavaScript

import { useState, useCallback } from 'react';

export default function useToggle(initialValue = false) { const [value, setValue] = React.useState(initialValue); const toggle = React.useCallback(() => { setValue((v) => !v); }, []); return [value, toggle]; }