React Modern-过滤器分页容器

Question

我有一个列表，这些列表是我使用Relay的PaginationContainer从数据库中获取的。我有一个loadMore方法，该方法效果很好，正在将其他结果提取到现有显示项目列表中。

现在，我正在努力筛选结果。我想以某种方式使用过滤器

this.props.relay.refetchConnection(
      PaginationConst.loadCount,
      () => {
        console.log('Refetch done');
        this.setState({isLoading: false});
      },
      {
        filter: {
          search: 'some_user_entered_value',
        },
      }
    )

此代码有效。 但是，此查询的结果将添加到先前的项目列表中。 因此，如果默认情况下，我在页面的第一次加载期间在页面上显示了10个最新项目，而下一个用户开始过滤，则页面显示了前10个项目+通过此refetchConnection查询找到的项目。

很显然，我只想显示refetchConnection找到的项目，其中包含用户输入的值（不是先前查询和当前查询的总和）的过滤器