Доброго дня. Есть вопрос по картам с использованием react-leaflet.
Допустим, у меня есть внешнее API, принимающее запросы на получение, добавление и удаление данных по точкам. На фронте мне нужно отображать эти точки через маркеры и организовывать запросы на API. Я использую Redux для хранения полученных маркеров в глобальном стейте, получаю маркеры в componentDidMount и следующий код для отображения маркеров на карте:
{
this.props.features.map((feature) => (
<CircleMarker key={feature.properties.marker_id} center={[feature.geometry.coordinates[1], feature.geometry.coordinates[0]]} color='orange' fillOpacity='0.8' radius='5' />
))}
Маркеры отображаются и удаляются исправно. Проблема при добавлении маркеров: в этом случае перезагружаются не только маркеры, но и вся карта.