ghost-portal/packages/react-hooks/src/useToggle.ts
Jaco Greeff 83a2ddedd4
useCallback in all staking callbacks (#2376)
* Add React.emomo to some components

* Linting

* useCallback for callbacks

* Additional useCallback impl.
2020-03-12 12:59:09 +01:00

17 lines
610 B
TypeScript

// Copyright 2017-2020 @polkadot/react-hooks authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.
import { useCallback, useState } from 'react';
// Simple wrapper for a true/false toggle
export default function useToggle (defaultValue = false): [boolean, () => void, (value: boolean) => void] {
const [isActive, setActive] = useState(defaultValue);
const toggleActive = useCallback(
(): void => setActive((isActive: boolean) => !isActive),
[]
);
return [isActive, toggleActive, setActive];
}