Question

我正在尝试让GoogleMapGazi使用'props =>'访问我的班级GoogleMaps的道具，但是我不能这样做。我已经通过父组件将lat和lng道具传递给了类。这是我的代码，任何帮助都会很棒！

const GoogleMapGazi = withGoogleMap(props => (
  <GoogleMap
    defaultCenter={{ lat: 25.804281, lng: -80.1903893 }}
    defaultZoom={15}
  >
    <Marker position={{ lat: props.lat, lng: props.lng }} />
  </GoogleMap>
));

class GoogleMaps extends Component {
  render() {
    return (
      <div>
        <GoogleMapGazi
          containerElement={<div style={{ height: `500px`, width: "600px" }} />}
          mapElement={<div style={{ height: `100%` }} />}
        />
      </div>
    );
  }
}

export default GoogleMaps;

Answer 1

您必须从GoogleMaps组件传递道具。

您可以显式传递lat和lng道具，也可以使用传播语法来传递所有道具。

class GoogleMaps extends Component {
  render() {
    return (
      <div>
        <GoogleMapGazi
          containerElement={<div style={{ height: `500px`, width: "600px" }} />}
          mapElement={<div style={{ height: `100%` }} />}
          {...this.props}
        />
      </div>
    );
  }
}

React无法使用（props）=>访问类外的props值

1 个答案: