Вышеуказанная ошибка произошла в компоненте <ProjectedLayer>: в ProjectedLayer (создан Context.Consumer) - PullRequest
Новая
       1

Вышеуказанная ошибка произошла в компоненте <ProjectedLayer>: в ProjectedLayer (создан Context.Consumer)

0 голосов
/ 25 октября 2019

Я использую response-map-gl, чтобы показать карту и показать на ней маркеры. Но проблема в том, что я не мог передать реквизиты для детей в ReactMapGL. Я написал компонент карты так: 

import React, { Component } from 'react';
import ReactMapGL from 'react-map-gl';


 class Mapbox extends Component {

   state = {
      viewport: {
    width: "100%",
    position: "relative",
    height: "100vh",
    latitude:48.8534 ,
    longitude: 2.3488,
    zoom: 8
    }
      };

 render() {
        return (
         <div style={{height:"100%",width:"100%",position:"absolute",backgroundColor:"red"}}>
           <ReactMapGL
               {...this.state.viewport}
                height={window.innerHeight-99}
                width="100%"
                position= "absolute"
               mapStyle="mapbox://styles/mapbox/outdoors-v11"
               mapboxApiAccessToken =this.props.token
               onViewportChange={(viewport) => this.setState({viewport})}>
           {this.props.children} 
       </ReactMapGL>
        </div>
          );
        }
     }

     export default Mapbox;

Кажется, что this.props.children вызывает эту ошибку:

Uncaught TypeError: Невозможно прочитать свойство 'off' из неопределенногона ProjectedLayer.componentWillUnmount

Кажется, что это легко решить, но я не нашел, как это исправить. У вас есть идеи, пожалуйста?

...