Question

php bin/magento deploy:mode:set developer

我在这里通过使用react order组件编写google map组件。但是，当我尝试运行此命令时，出现了某种错误。

您能不能看看一下，让我知道这里的问题。我遇到以下错误，如“不变违反”：缺少必需的道具containerElement或mapElement。你需要同时提供它们。 Range("E2:E150").Select ActiveWorkbook.Worksheets("NOS").Sort.SortFields.Clear ActiveWorkbook.Worksheets("NOS").Sort.SortFields.Add2 Key:=Range("E2"), _ SortOn:=xlSortOnValues, Order:=xlAscending, DataOption:=xlSortNormal With ActiveWorkbook.Worksheets("NOS").Sort .SetRange Range("E2:G150") .Header = xlNo .MatchCase = False .Orientation = xlTopToBottom .Apply End With Range("E1").Select End Sub实例将是在mapElement上初始化，并由containerElement包装。您由于Google Map要求DOM具有高度。

致谢

Answer 1

您还使用了不需要的render方法中的GoogleMap hoc

render () {
    const { lat, lng } = this.state;
    return (
      <GoogleMap
        defaultZoom={10}
        defaultCenter={{lat: 40.6451594, lng: -74.0850826}}
        options={{styles: props.mapdynamic ? darkThemeStyle : lightThemeStyle}}
      >
        {places &&
          places.map ((place, i) => {
            let lat = parseFloat (place.latitude, 10);
            let lng = parseFloat (place.longitude, 10);

            return (
              <Marker
                id={place.id}
                key={place.id}
                position={{lat: lat, lng: lng}}
                icon="http://maps.google.com/mapfiles/ms/icons/blue-dot.png"
                onMouseOver={props.onToggleOpen.bind (this, i)}
              >
                {props.infoWindows[i].isOpen &&
                  <InfoWindow onCloseClick={props.onToggleOpen.bind (i)}>
                    <div>{place.name}</div>
                  </InfoWindow>}
              </Marker>
            );
          })}
      </GoogleMap>
    );
  }

将Google Map组件与react HOC集成？

1 个答案: