Reactの属性に45k要素を代入する正しい方法

Question

私はJSON形式で45kのオブジェクトをJSON形式で持っており、それらをマップコンポーネントにマーカとして入れたいと思います。

私は、次のコードを持っている：最も正しい方法でそれを達成することができますどのように

const MapWithMarkers = withGoogleMap(props =>GoogleMap 
    defaultZoom={8} 
    defaultCenter={{ lat: -34.397, lng: 150.644 }} 
    > 
    <Marker 
     position={{ lat: -34.397, lng: 150.644 }} 
    /> 
    </GoogleMap> 
); 

<MapWithAMarker 
    containerElement={<div style={{ height: '400px' }} />} 
    mapElement={<div style={{ height: '100%' }} />} 
/> 

を？

お時間をいただきありがとうございます。

Answer 1

地図コンポーネントにデータを小道具として渡し、地図コンポーネントで小道具からデータをピックアップし、その上にマップし、すべてのエントリのマーカーを生成します。

<GoogleMap> 

     { 
      (props.markerData).map((marker, i) => {return <Marker key={i} position={{ lat: parseFloat(marker.lat), lng: parseFloat(marker.lng) }} />}) 
     } 

</GoogleMap>