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

Question

我用的是polaris的资源列表控件。我添加了一些过滤条件，我的列表显示了正确的数据。 但是我没有看到可以删除我的条件的当前列表筛选区域。 如何显示？ 这是我的过滤器声明， 我想知道我的 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});