【问题标题】:How to make correctly autocomplete in React如何在 React 中正确地自动完成
【发布时间】:2020-06-02 09:26:22
【问题描述】:

我想在 React 中对城市进行自动完成输入。我有json 城市文件~15mb。我应该如何正确实施它?我应该把这个json 保留在客户端吗?

【问题讨论】:

    标签: javascript json reactjs forms input


    【解决方案1】:

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

    例如寻找伦敦

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

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

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

    【讨论】:

    • 我明白了,JSON 数据非常庞大。 ss有什么方法可以快速而不是手动编辑?
    • “快速编辑”是什么意思?你的意思是通过它过滤吗?如果它那么大,您要么需要删减一些内容,要么应用一些技术来尽量减少通过服务器拉取这么多数据
    • 是的,我有很多无用的 json 数据和未正确格式化的城市。我不确定是否需要手动剪切所有数据。
    • 您可以过滤 json 以仅返回城市名称或其他内容
    • 让我知道您是否可以接受我的回答或需要更多帮助@frontMaster
    猜你喜欢
    • 2021-12-13
    • 2020-09-02
    • 2012-04-14
    • 2011-09-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-01
    相关资源
    最近更新 更多