Since you mentioned componentDidMount, you are using class components instead of functional components, then you should just wrap your component with GoogleMapConsumer.
componentDidMount
GoogleMapConsumer
If I want to use the context outside of the render method am I able to use, for example:
import {GoogleMapContext} from '@googlemap-react/core'
class MapContainer extends React.Component {
static contextType = GoogleMapContext;
//etc
and then access the map by this.context.state.map?
Hm, I tried the way above and also refactored to a functional component and just used:
import React, {useContext} from "react"; import { GoogleMapProvider, MapBox, Marker, InfoWindow, GoogleMapContext } from "@googlemap-react/core";
const MapContainer = props => {
const map = useContext(GoogleMapContext); console.log(map);
and I'm just seeing {state: undefined, dispatch: undefined} as my console output for map, any idea why :/
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Since you mentioned
componentDidMount
, you are using class components instead of functional components, then you should just wrap your component withGoogleMapConsumer
.If I want to use the context outside of the render method am I able to use, for example:
import {GoogleMapContext} from '@googlemap-react/core'
class MapContainer extends React.Component {
static contextType = GoogleMapContext;
//etc
and then access the map by this.context.state.map?
Hm, I tried the way above and also refactored to a functional component and just used:
import React, {useContext} from "react";
import {
GoogleMapProvider,
MapBox,
Marker,
InfoWindow,
GoogleMapContext
} from "@googlemap-react/core";
const MapContainer = props => {
const map = useContext(GoogleMapContext);
console.log(map);
//etc
and I'm just seeing {state: undefined, dispatch: undefined} as my console output for map, any idea why :/