ghost-portal/packages/react-hooks/src/useIncrement.ts
Jaco Greeff 2448b7f883
Hooks with useMemo (no extra re-renders) (#3567)
* Hooks with useMemo (no extra re-renders)

* Extract defaults

* sorted targets

* Linting
2020-08-29 13:16:27 +02:00

21 lines
681 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';
import useIsMountedRef from './useIsMountedRef';
export default function useIncrement (defaultValue = 1): [number, () => void, (value: number) => void] {
const mountedRef = useIsMountedRef();
const [value, setValue] = useState(defaultValue);
const increment = useCallback(
(): void => {
mountedRef.current && setValue((value: number) => ++value);
},
[mountedRef]
);
return [value, increment, setValue];
}