reactjs - 清除异步选择上的缓存选项

Question

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

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

我在几个地方看到 React-Select v2 将包含为异步选择重置缓存的选项，但我在文档中找不到有关如何执行此操作的示例。

请指教。

Answer 1

通过 hack，通过向 async 选择添加一个带有一些更改属性的 key - 我能够在选项卡单击时清除结果:

 key={this.state.searchBy}