使用ReactiveList创建相关搜索组件

Question

我想使用ReactiveList创建一个“相关搜索”组件，该组件在我的原始ReactiveList组件下方显示用户类似的搜索词，该组件根据用户的默认查询词显示结果。

为了清楚起见，结果页面上将有两个（2）ReactiveList组件。

到目前为止，我所做的是：

在此之下，我想要第二个ReactiveList组件，该组件根据原始查询显示相似的搜索词，到目前为止，我所做的是：

第一个ReactiveList组件，显示搜索结果

<ReactiveList
  ...
  pagination={true}
  paginationAt="bottom"
  size={10}
  ...
/>

第二个ReactiveList组件，显示相关的搜索词

<ReactiveList
  componentId="related-searches"
  pagination={false}
  showResultStats={false}
  dataField="article.author"
  defaultQuery={(value) => ({
    match: {
      authors: {value}
    }
  })}
  renderItem={(item, value) => 
    renderRelatedSearches(item, value)
  }
/>

这似乎可行，但我仅在一个小的数据集上进行测试。 我可以在同一页面上有2个ReactiveList组件吗？ 有什么办法可以使“相关搜索”显示在第一个ReactiveList组件的分页上方（看起来很奇怪）？