Clear cached options on async select

user_3378165 0
Viewed 4243

I have an Async react-select (v2) that changes its loadOptions based on tabs change. The issue is that when switching tabs the select is still showing the results of the previous api call that were cached. The cache needs to be purged every time the tabs change. 

 <Async
    cacheOptions
    isClearable
    loadOptions={props.loadOptions}
    {...this.selectProps(inputText, props)}
  />

I have seen in a few places that the React-Select v2 will include the option to reset the cache for the Async select, but I couldn't find in the documentation an example on how to do it.

Please advise.

react-select reactjs
1 Answers

With an hack, by adding a key with some changing prop to the async select- I was able to get the results cleared on tab click:

 key={this.state.searchBy}
user_33781650
Related