javascript - 如何在 React 中正确地自动完成

我想在 React 中自动完成城市输入。我有json城市文件~15mb。我应该如何正确实施它？我应该把它json放在客户端吗？

标签： javascriptjsonreactjsformsinput

您可以在每次击键时向服务器发出请求，但在说 3 个字符后开始搜索

例如搜索伦敦

您只会在用户输入后才发出第一个请求Lon

不过 15mb 似乎很多，也许您想考虑事先过滤掉它，以便您请求更少的国家/地区。例如，让用户预先选择一个国家，这样你就只请求那个国家的城市。所以如果他们选择美国，那么输入Chi它只会返回以USA开头的城市Chi

我不认为拉 15mb 客户端是一个好主意，因为那是大量的数据