Я использую реагирование-автозаполнение в приложении реакции из следующего примера
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;
Я хотел знать, как избежать этого предупреждения в браузере