jb-mobile-input-react
Version:
mobile input react component
22 lines (19 loc) • 918 B
JavaScript
import React, { useRef, useState, useImperativeHandle, useEffect } from 'react';
import 'jb-mobile-input';
import { useJBInputAttribute, useJBInputEvents } from 'jb-input-react';
// eslint-disable-next-line react/display-name
const JBMobileInput = React.forwardRef((props, ref) => {
const element = useRef(null);
const [refChangeCount, refChangeCountSetter] = useState(0);
useImperativeHandle(ref, () => (element ? element.current : {}), [element]);
//to force rerender for events
useEffect(() => {
refChangeCountSetter(refChangeCount + 1);
}, [element.current]);
useJBInputAttribute(element, props);
useJBInputEvents(element, props);
return (React.createElement("jb-mobile-input", { ref: element, class: props.className }, props.children));
});
JBMobileInput.displayName = "JBMobileInput";
export { JBMobileInput };
//# sourceMappingURL=JBMobileInput.js.map