'react-select load options when paste text
I'm using react-select to get search names from backend service.it's loading options when typed but i need to load options when paste something on search box.
I tried onInputChange
method as bellow.it's triggered API call when paste some text,but it wont load options list.
<AsyncSelect
defaultOptions
isClearable={true}
className="form-control"
id="search"
loadOptions={loadOptions}
onChange={handleChange}
onInputChange={inputEntered}
/>
const inputEntered = useCallback((typedOption, key) => {
loadOptions(typedOption,fetchData);
}, []);
const loadOptions = _.debounce((data, callback) => {
fetchData(data).then((options) => {
callback(options);
});
}, DEBOUNCE_TIME);
const fetchData = async (data) => {
if (data) {
const nameList = await request(METHOD.GET, `${API_URL.GET_BY_NAME}/${data}`);
if (nameList.data) {
return nameList.data.map((v) => ({ value: v.name, label: v.name }));
}
}
};
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
Solution | Source |
---|