Question

我几乎可以肯定我在某处看到了这种行为，因此我很确定可以做到。目前，我有一个功能齐全的SearchBox元素，其下是InfiniteHits。但是我希望在用户单击搜索框后开始加载匹配（但尚未输入任何内容）。

如果这太困难了，我也没事，直到用户在SearchBox中输入文字为止。

此刻，我的思路就像创建一个<Configure hitsPerPage={}/>对象，然后以某种方式通过<SearchBox onClick={} />处理hitsPerPage一样，但是我对此没有任何运气。

在某些情况下，这是我页面的一般结构：

<div>
    <InstantSearch>
        <div>
            <SearchBox/>
            <InfiniteHits/>
        </div>
    </InstantSearch>
</div>)

TLDR：我需要为我的SearchBox实现以下行为之一的帮助

1。在用户点击搜索框之前，不会显示任何匹配

2。除非用户在SearchBox中输入文本，否则不会显示任何匹配结果

Answer 1

可以阻止初始搜索-docs

如果没有结果（或未搜索到结果），我们可以使用条件呈现-docs example

来显示null而不是<InfiniteHits/>

您始终可以准备自己的组件。