React JS - 使用对服务器的 REST 调用为每个击键获得连续结果的最佳方法?

React JS - Best way to have coninues results for every key stroke using a REST calls to server?

简而言之,我们有一个庞大的数据库,需要在用户在搜索框中键入结果时提供结果。我们不可能预加载查询并尝试以这种方式进行匹配。

目前我们每 2 个字符或 5 秒向服务器发送一个带有新查询字符串的请求。然而,这有点混乱,所以我想看看是否有 faster/better 方法来做到这一点。

我见过的以前的解决方案需要预技术,这在我们的例子中是不可能的,而且考虑到 return 的大小太昂贵了。

我建议为此使用去抖动。它会让函数在运行ning之前被调用后等待一定的时间。对该函数的额外调用将​​重置计时器。这样,该功能将不会 运行 直到用户完成(或暂停)输入。

这将防止对数据库造成不必要的负载,同时仍然提供良好的用户体验(只要您有合理的去抖动时间)。可以找到如何在 React 中进行去抖动的示例 here