Option to wait before sending queries for asyncOptions

[oliversong]

It would be nice if we could specify a time delay to wait after the last keystroke before calling asyncOptions, so it doesn't make unnecessary requests.

[PSkierniewski]

Bump, as far as I can see asyncOptions are fired on change, is it possible to fire it when user stops typing?

[oliversong]

It's implemented in my branch #473 @PSkierniewski

[PSkierniewski]

@oliversong Thx I used it and it works.

[tommyalvarez]

@oliversong i need this too. Can you check the PR for this feature to fix it so it can be merged?

[duytbp]

For those who might need, for now you can have debouncing by wrapping your loadOptions callback by lodash/debounce

const wait = 500; // milliseconds
const loadOptions = input => dataStore.getData(input)
const debouncedLoadOptions = _.debounce(loadOptions, wait)

return <Async loadOptions={debouncedLoadOptions} ... />

[craigmichaelmartin]

It looks like @JedWatson has expressed that this be left for users to implement in the function that's passed to loadOptions.

For those doing so, Lodash's debounce function is not suited for this. Instead, a promise-returning debounce method where subsequent calls return promises which will resolve to the result of the next func invocation in needed. See #3075 (comment)