javascript - 根据搜索文本动态刷新内容

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 6 年前。

Improve this question

我正在构建一个 react 应用程序，其中我在 TableView 中加载了媒体文件。我在这个页面上有一个搜索栏。我见过许多页面随着用户不断在搜索栏中输入文本而动态刷新内容。我怎样才能做到这一点？我在后端准备好了一个搜索 API。这个 api 为我提供了根据搜索文本加载的新内容。目前，我可以考虑在单击搜索图标时调用此 api。但我想让它变得动态，例如当用户不断输入文本时内容应该自动刷新。我怎样才能做到这一点？

Answer 1

如果按钮的事件处理程序已经正常工作，您只需将其用于搜索输入字段的 onChange 事件:

const mySearchHandler = function(event) {
     const searchQuery = event.target.value;

     ...
}

...

<input onChange={mySearchHandler} />

<小时/>

您可能需要小心，不要过于频繁地进行 API 调用，例如如果用户打字速度很快。洛达什的_.throttle()可能是一个很好的起点。