linkmore-design
Version:
π πlmη»δ»ΆεΊγπ
27 lines β’ 964 B
JavaScript
import React, { useEffect, useRef } from 'react';
import DelayInputSearch from "./DelayInputSearch";
var InputRender = function InputRender(props) {
var _props$value = props.value,
value = _props$value === void 0 ? '' : _props$value,
onChange = props.onChange;
var inputRef = useRef(null);
var onSearch = function onSearch(val) {
return onChange === null || onChange === void 0 ? void 0 : onChange(val);
};
useEffect(function () {
var _inputRef$current;
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus({
cursor: 'all'
});
}, []);
return /*#__PURE__*/React.createElement("div", {
className: "filter_dropdown"
}, /*#__PURE__*/React.createElement("div", {
className: "filter_header"
}, /*#__PURE__*/React.createElement(DelayInputSearch, {
defaultValue: value,
ref: inputRef,
onSearch: onSearch
})));
};
export default InputRender;