ahooks/es/useEventTarget/index.js

react hooks library

import { __read } from "tslib";
import { useCallback, useState } from 'react';
import useLatest from '../useLatest';
import { isFunction } from '../utils';
function useEventTarget(options) {
    var _a = options || {}, initialValue = _a.initialValue, transformer = _a.transformer;
    var _b = __read(useState(initialValue), 2), value = _b[0], setValue = _b[1];
    var transformerRef = useLatest(transformer);
    var reset = useCallback(function () { return setValue(initialValue); }, []);
    var onChange = useCallback(function (e) {
        var _value = e.target.value;
        if (isFunction(transformerRef.current)) {
            return setValue(transformerRef.current(_value));
        }
        // no transformer => U and T should be the same
        return setValue(_value);
    }, []);
    return [
        value,
        {
            onChange: onChange,
            reset: reset,
        },
    ];
}
export default useEventTarget;
//# sourceMappingURL=index.js.map