В React js Uncaught RangeError: превышен максимальный размер стека вызовов в shouldFilterFiber при mountFiberRecursively

Я использую файл s josn для отображения и создания новых полилиний на карте листовки, но получаю эту ошибку. приложение работает нормально, и все полилинии отображаются на карте, но я получаю эту ошибку (Uncaught RangeError: превышен максимальный размер стека вызовов в shouldFilterFiber при mountFiberRecursively) в консоли браузера! Вот мой код:

export default class MapLeaflet extends Component {
constructor() {
super();
this.state = {
  lat: 61.7,
  lng: 26.1,
  zoom: 6,
}
}

render() {
const position = [this.state.lat, this.state.lng];
return (
  <Map center={position} zoom={this.state.zoom}>
    <TileLayer
      attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
      url="https://{s}.tile.osm.org/{z}/{x}/{y}.png"
    />
    {coordinates.features.map((element) => (
      <Polyline
        key={element.properties.OBJECTID}
        color="lime"
        positions={element.geometry.coordinates}
      />
    ))}
  </Map>
)
}
}

person Jaber Askari    schedule 05.08.2020    source источник


Ответы (1)


Для людей, которые ищут ответ: проблема заключалась в том, что массив, который я пытался отобразить, был слишком большим, он возвращал, как 6000 полилинейных элементов. Решение состояло в том, чтобы разделить массив на 3 части по 2000, а затем отобразить их отдельно. Я не уверен, что это правильный способ сделать это, но это решило мою проблему. Надеюсь, что это поможет кому-то.

person Jaber Askari    schedule 11.08.2020