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

Question

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

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

<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 определенным образом, например, дерево, чтобы запрос мог выполняться быстрее или использовать базу данных.