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
简而言之,我们有一个庞大的数据库,需要在用户在搜索框中键入结果时提供结果。我们不可能预加载查询并尝试以这种方式进行匹配。
目前我们每 2 个字符或 5 秒向服务器发送一个带有新查询字符串的请求。然而,这有点混乱,所以我想看看是否有 faster/better 方法来做到这一点。
我见过的以前的解决方案需要预技术,这在我们的例子中是不可能的,而且考虑到 return 的大小太昂贵了。
我建议为此使用去抖动。它会让函数在运行ning之前被调用后等待一定的时间。对该函数的额外调用将重置计时器。这样,该功能将不会 运行 直到用户完成(或暂停)输入。
这将防止对数据库造成不必要的负载,同时仍然提供良好的用户体验(只要您有合理的去抖动时间)。可以找到如何在 React 中进行去抖动的示例 here