如何在react原生中从lat、long数组映射多个标记

import React, { Component } from 'react';
import GoogleMapReact from 'google-map-react';

const Marker = ({ text }) => <div>{text}</div>;

class MapComponent extends Component {
  state = {
    markers: [
      { lat: 40.712776, lng: -74.005974, text: 'New York' },
      { lat: 51.507351, lng: -0.127758, text: 'London' },
      { lat: 48.856613, lng: 2.352222, text: 'Paris' }
    ]
  };

  renderMarkers = () => {
    return this.state.markers.map(marker => (
      <Marker
        key={marker.text}
        lat={marker.lat}
        lng={marker.lng}
        text={marker.text}
      />
    ));
  };

  render() {
    return (
      <div style={{ height: '400px', width: '100%' }}>
        <GoogleMapReact
          defaultCenter={{ lat: 40.712776, lng: -74.005974 }}
          defaultZoom={5}
        >
          {this.renderMarkers()}
        </GoogleMapReact>
      </div>
    );
  }
}

export default MapComponent;