реакция-автозаполнение списка данных отложенной загрузки в reactjs - PullRequest
Новая
       4

реакция-автозаполнение списка данных отложенной загрузки в reactjs

1 голос
/ 15 марта 2020

Я использую https://www.npmjs.com/package/react-autocomplete, который работает нормально

Но когда размер данных увеличивается, для отображения меню требуется много времени

Текущая реализация выглядит как показано ниже 

<div mr-eye-widget-type="TextField">
  <Autocomplete
    ref={el => (this.input = el)}
    value={this.state.value}
    inputProps={inputProps}
    wrapperStyle={{ position: "absolute", display: "inline-block" }}
    items={this.state.srnList}
    getItemValue={item => item.name}
    shouldItemRender={matchSRN}
    autoHighlight={true}
    onChange={(event, value) => this.setState({ value })}
    onSelect={value => this.onSelectSRN({ value })}
    renderItem={(item, isHighlighted) => (
      <div
        className="menu"
        style={{ background: isHighlighted ? "#e1e1e1" : "white" }}
        key={item.code}
      >
        {item.name}
      </div>
    )}
  />
</div>;

Общий размер записей 15000

Вопрос : есть ли способ загрузить 1000 записей и при поиске загрузить полный набор записей ?

пожалуйста, дайте мне знать, как его настроить. Я попытался сделать это, как показано ниже 

componentDidMount () {
  // Focus the input and select "world"
  this.input.focus();
  this.input.setSelectionRange(6, 11);
}

Но не повезло. Пожалуйста, помогите

...