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

Question

I want to make autocomplete input of cities in React. I have json file of cities ~15mb. How should I correctly implement it? Should I keep this json on client side?

Answer 1

you could make a request to the server on every keystroke but start the search after say 3 characters

eg searching for London

You would only make the first request after the user has typed in Lon

15mb seems a lot though, maybe you want to think of filtering this down beforehand so you request less countries back. eg make the user select a country beforehand so you only request cities in that country. so if they pick USA, then type in Chi it would only return cities in the USA starting with Chi

I don't think it's a good idea to pull the 15mb client side as that is a huge amount of data