reactjs - 如何在资源列表中显示列表当前过滤器

Question

我正在使用北极星的资源列表控制。我添加了一些过滤条件，并且我的列表显示了正确的数据。但我没有看到可以删除我的条件的当前列表过滤区域。如何显示它？这是我的过滤器声明，我想知道我的应用过滤器变量是否有问题。

 filterControl={
                    <ResourceList.FilterControl
                      resourceName={resourceName}
                      filters={availableFilters}
                      appliedFilters={appliedFilters}
                      onFiltersChange={this.handleFiltersChange}
                      searchValue={searchValue}
                      onSearchChange={this.handleSearchChange}             
                    />
                  }

Answer 1

您需要在 onFiltersChange 事件上再次为应用过滤器设置数据以显示当前过滤器列表。我建议您将此变量存储在组件的本地状态中，如下所示：

this.setState({ appliedFilters:appliedFilters});