清除异步 select 上的缓存选项

Question

我有一个 Async react-select (v2)，它根据选项卡的变化改变它的 loadOptions。问题是当切换选项卡时，select 仍然显示缓存的前一个 api 调用的结果。每次选项卡更改时都需要清除缓存。

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

我在几个地方看到 React-Select v2 将包含为异步 select 重置缓存的选项，但我在文档中找不到示例关于如何做。

请指教

Answer 1

通过黑客攻击，通过向 async select 添加一个 key 和一些更改道具 - 我能够在选项卡单击时清除结果：

 key={this.state.searchBy}

Clear cached options on async select