javascript - 如何触发 AsyncSelect 以重新加载 ReactJS 中的选项

Question

我有两个 AsyncSelect 组件来选择一个类别和一个子类别。当我们从第一个 AsyncSelect 中选择一个类别时，我需要将它的子类别加载到第二个。

AsyncSelect 在挂载时加载项目。但是，当它已经安装时，如何以编程方式触发它(当我从第一个 AsyncSelect 中选择类别时)以加载数据(第二个 AsyncSelect 的子类别)？

 <AsyncSelect
    cacheOptions
    loadOptions={this.loadSubCategories}
    defaultOptions
    onInputChange={this.handleInputChange}
 />

Answer 1

将 key 添加到子类别的 asyncSelect 中。

<AsyncSelect
    key={this.state.categoryName}
    cacheOptions
    loadOptions={this.loadSubCategories}
    defaultOptions
    onInputChange={this.handleInputChange}
 />

当您选择类别时，请更改状态。

this.setState({categoryName: "Different NAME HERE"})