docs(README.md): Update SimpleMap Component Example

* Replace instance methods with functions from props * Close #251 * Original commit: 6e26638 * Thanks @joshburgess
tomchentw · May 10, 2016 · a149d50 · a149d50
1 parent 5c77cb9
commit a149d50
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -17,7 +17,7 @@ export default function SimpleMap (props) {
       <GoogleMapLoader
         containerElement={
           <div
-            {...this.props}
+            {...props.containerElementProps}
             style={{
               height: "100%",
             }}
@@ -27,13 +27,14 @@ export default function SimpleMap (props) {
           <GoogleMap
             ref={(map) => console.log(map)}
             defaultZoom={3}
-            defaultCenter={{lat: -25.363882, lng: 131.044922}}
-            onClick={::this.handleMapClick}>
-            {this.state.markers.map((marker, index) => {
+            defaultCenter={{ lat: -25.363882, lng: 131.044922 }}
+            onClick={props.onMapClick}
+          >
+            {props.markers.map((marker, index) => {
               return (
                 <Marker
                   {...marker}
-                  onRightclick={this.handleMarkerRightclick.bind(this, index)} />
+                  onRightclick={() => props.onMarkerRightclick(index)} />
               );
             })}
           </GoogleMap>