реакция-автозаполнение не для рекордного размера более 8000 - PullRequest
0 голосов
/ 30 января 2020

Я использую реагирование-автозаполнение в приложении реакции из следующего примера

https://www.npmjs.com/package/react-autocomplete

, который работает нормально, пока размер записи не станет больше 8000, как только размер записи превысит 8000 я. получение ошибки

index.js:1375 Warning: React DevTools encountered an error: RangeError: Maximum call stack size exceeded

компонент, как показано ниже

import React, { Component } from 'react';
import Autocomplete from  'react-autocomplete';
import { getCountry, matchCountry,formatSRNresp } from './dataService';
import store from './../../store/index';
import * as service from './../../components/InstallBaseHome/service';
    class AutocompleteTest extends Component {
      constructor(props) {
        super(props);
        this.state = {
          srnList:[]
        }
      }
      componentDidMount() {
        service.OverAllSRN((res) => this.onReceiveOverAllSRN(res));     
    }
    onReceiveOverAllSRN(response) {
      let srnDetails=formatSRNresp(response);
      this.setState({
        srnList:srnDetails
    });

    } 
        render() {
          let val=this.state.srnList
        return (
              <div className="form-group">
                  <Autocomplete
                    value={ this.state.value}
                    inputProps={{ id: 'states-autocomplete' }}
                    wrapperStyle={{ position: 'absolute', display: 'inline-block' }}
                    items={ val }
                    getItemValue={ item => item.name }
                    shouldItemRender={ matchCountry }
                    onChange={(event, value) => this.setState({ value }) }
                    onSelect={ value => this.setState({ value }) }
                    renderMenu={ children => (
                      <div className = "menu">
                        { children }
                      </div>
                    )}
                    renderItem={ (item, isHighlighted) => (
                      <div
                        className={`item ${isHighlighted ? 'item-highlighted' : ''}`}
                        key={ item.code } >
                        { item.name }
                      </div>
                    )}
                  />
                  </div>

          );
        }
    }

    export default AutocompleteTest;

Я хотел знать, как избежать этого предупреждения в браузере

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...