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

Question

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

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

Answer 1

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

this.setState({ appliedFilters:appliedFilters});