Автозаполнение функциональных задержек

Question

У меня есть источник данных с более чем 20k значений. Поэтому, когда я использую ant design для автозаполнения, для загрузки данных требуются возрасты. Как я могу уменьшить скорость загрузки при автозаполнении и уменьшить задержку.

У меня компонент автозаполнения работает нормально, но нужно уменьшить скорость загрузки.

<AutoComplete
     ref={this.inputElement}
     value={this.state.currentItem.text}
     dataSource={this.state.keySource}
     style={{ width: 200 }}
     onSelect={onKeywordSelect}
     onSearch={this.handleKeySearch}
     className="text-input form-control" 
     placeholder="Type any gene name, drug name.."
/>

Answer 1

Если файл источника данных слишком велик, вы должны сделать это на стороне сервера. Вам нужно, чтобы пользовательский интерфейс вызывал api со строкой запроса, и чтобы сервер находил соответствующие данные и возвращал их.

Вы также можете сортировать данные 20k определенным образом, как дерево, чтобы запрос мог быть быстрее или использовать базу данных.