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